mirror of https://gitee.com/karson/fastadmin.git
Pre Merge pull request !156 from Oo小刚oO/master
Oo小刚oO
Gitee
commit
4a73ec3e67
|
|
@ -34,6 +34,7 @@ use ArrayAccess;
|
|||
* @method string timerange(string $name, string $value, array $options = []) static 时间区间组件
|
||||
* @method string datetimerange(string $name, string $value, array $options = []) static 日期时间区间组件
|
||||
* @method string fieldlist(string $name, string $value, string $title = null, string $template = null, array $options = []) static 字段列表组件
|
||||
* @method string tablelist(string $name, string $value, string $title = null, string $template = null, array $options = []) static 字段列表组件
|
||||
* @method string cxselect(string $url, array $names = [], array $values = [], array $options = []) static 联动组件
|
||||
* @method string selectRange(string $name, string $begin, string $end, string $selected = null, array $options = []) static 选择数字区间
|
||||
* @method string selectYear(string $name, string $begin, string $end, string $selected = null, array $options = []) static 选择年
|
||||
|
|
@ -678,6 +679,43 @@ EOD;
|
|||
<dd><a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> {$append}</a></dd>
|
||||
<textarea name="{$name}" class="form-control hide" cols="30" rows="5">{$value}</textarea>
|
||||
</dl>
|
||||
EOD;
|
||||
return $html;
|
||||
}
|
||||
|
||||
/**
|
||||
* 生成动态表格列表组件
|
||||
*
|
||||
* @param string $name
|
||||
* @param mixed $value
|
||||
* @param array $title
|
||||
* @param string $template
|
||||
* @param array $options
|
||||
* @return string
|
||||
*/
|
||||
public function tablelist($name, $value, $title = null, $template = null, $options = [])
|
||||
{
|
||||
$append = __('Append');
|
||||
$template = $template ? 'data-template="' . $template . '"' : '';
|
||||
$attributes = $this->attributes($options);
|
||||
if (is_null($title)) {
|
||||
$title = [__('Key'), __('Value')];
|
||||
}
|
||||
$ins = implode("\n", array_map(function ($value) {
|
||||
return "<th>{$value}</th>";
|
||||
}, $title));
|
||||
$value = is_array($value) ? json_encode($value) : $value;
|
||||
$html = <<<EOD
|
||||
<div class="tablelist" data-name="{$name}" {$template} {$attributes}>
|
||||
<table class="table table-bordered table-condensed text-center">
|
||||
<tr>
|
||||
{$ins}
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</table>
|
||||
<a href="javascript:;" class="btn btn-sm btn-success btn-append"><i class="fa fa-plus"></i> {$append}</a>
|
||||
<textarea name="{$name}" class="form-control hide" cols="30" rows="5">{$value}</textarea>
|
||||
</div>
|
||||
EOD;
|
||||
return $html;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,8 @@
|
|||
define(['jquery', 'bootstrap', 'upload', 'validator'], function($, undefined, Upload, Validator) {
|
||||
var Form = {
|
||||
config: {
|
||||
fieldlisttpl: '<dd class="form-inline"><input type="text" name="<%=name%>[<%=index%>][key]" class="form-control" value="<%=row.key%>" size="10" /> <input type="text" name="<%=name%>[<%=index%>][value]" class="form-control" value="<%=row.value%>" /> <span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span> <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span></dd>'
|
||||
fieldlisttpl: '<dd class="form-inline"><input type="text" name="<%=name%>[<%=index%>][key]" class="form-control" value="<%=row.key%>" size="10" /> <input type="text" name="<%=name%>[<%=index%>][value]" class="form-control" value="<%=row.value%>" /> <span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span> <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span></dd>',
|
||||
tablelisttpl: '<tr><td><input type="text" name="<%=name%>[<%=index%>][key]" class="form-control" value="<%=row.key%>" size="10" /></td><td><input type="text" name="<%=name%>[<%=index%>][value]" class="form-control" value="<%=row.value%>" /></td><td><span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span> <span class="btn btn-sm btn-primary btn-dragsort"><i class="fa fa-arrows"></i></span></td></tr>'
|
||||
},
|
||||
events: {
|
||||
validator: function(form, success, error, submit) {
|
||||
|
|
@ -38,7 +39,8 @@ define(['jquery', 'bootstrap', 'upload', 'validator'], function ($, undefined, U
|
|||
return $msgbox;
|
||||
},
|
||||
valid: function(ret) {
|
||||
var that = this, submitBtn = $(".layer-footer [type=submit]", form);
|
||||
var that = this,
|
||||
submitBtn = $(".layer-footer [type=submit]", form);
|
||||
that.holdSubmit(true);
|
||||
submitBtn.addClass("disabled");
|
||||
//验证通过提交表单
|
||||
|
|
@ -342,8 +344,99 @@ define(['jquery', 'bootstrap', 'upload', 'validator'], function ($, undefined, U
|
|||
var json = {};
|
||||
try {
|
||||
json = JSON.parse(textarea.val());
|
||||
} catch (e) {
|
||||
} catch (e) {}
|
||||
$.each(json, function(i, j) {
|
||||
$(".btn-append,.append", container).trigger('click', template ? j : {
|
||||
key: i,
|
||||
value: j
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
},
|
||||
tablelist: function(form) {
|
||||
if ($(".tablelist", form).size() > 0) {
|
||||
require(['dragsort', 'template'], function(undefined, Template) {
|
||||
//刷新隐藏textarea的值
|
||||
var refresh = function(name) {
|
||||
var data = {};
|
||||
var textarea = $("textarea[name='" + name + "']", form);
|
||||
var container = textarea.closest("div.tablelist");
|
||||
var template = container.data("template");
|
||||
$.each($("input,select,textarea", container).serializeArray(), function(i, j) {
|
||||
var reg = /\[(\w+)\]\[(\w+)\]$/g;
|
||||
var match = reg.exec(j.name);
|
||||
if (!match)
|
||||
return true;
|
||||
match[1] = "x" + parseInt(match[1]);
|
||||
if (typeof data[match[1]] == 'undefined') {
|
||||
data[match[1]] = {};
|
||||
}
|
||||
data[match[1]][match[2]] = j.value;
|
||||
});
|
||||
var result = template ? [] : {};
|
||||
$.each(data, function(i, j) {
|
||||
if (j) {
|
||||
if (!template) {
|
||||
if (j.key != '') {
|
||||
result[j.key] = j.value;
|
||||
}
|
||||
} else {
|
||||
result.push(j);
|
||||
}
|
||||
}
|
||||
});
|
||||
textarea.val(JSON.stringify(result));
|
||||
};
|
||||
//监听文本框改变事件
|
||||
$(document).on('blur change keyup', ".tablelist input,.tablelist textarea,.tablelist select", function() {
|
||||
refresh($(this).closest("div.tablelist").data("name"));
|
||||
});
|
||||
|
||||
//追加控制
|
||||
$(".tablelist", form).on("click", ".btn-append,.append", function(e, row) {
|
||||
var container = $(this).closest("div.tablelist");
|
||||
var table = $(container).children('table');
|
||||
var index = container.data("index");
|
||||
var name = container.data("name");
|
||||
var template = container.data("template");
|
||||
var data = container.data();
|
||||
index = index ? parseInt(index) : 0;
|
||||
container.data("index", index + 1);
|
||||
var row = row ? row : {};
|
||||
var vars = { index: index, name: name, data: data, row: row };
|
||||
var html = template ? Template(template, vars) : Template.render(Form.config.tablelisttpl, vars);
|
||||
$(html).insertAfter($(table).find("tr:last"));
|
||||
$(this).trigger("fa.event.appendfieldlist", $(table).find("tr:last"));
|
||||
});
|
||||
//移除控制
|
||||
$(".tablelist", form).on("click", "tr .btn-remove", function() {
|
||||
var container = $(this).closest("div.tablelist");
|
||||
$(this).closest("tr").remove();
|
||||
refresh(container.data("name"));
|
||||
});
|
||||
//拖拽排序
|
||||
$("div.tablelist > table", form).dragsort({
|
||||
itemSelector: 'tr',
|
||||
dragSelector: ".btn-dragsort",
|
||||
dragEnd: function() {
|
||||
refresh($(this).closest("div.tablelist").data("name"));
|
||||
},
|
||||
placeHolderTemplate: "<tr></tr>"
|
||||
});
|
||||
//渲染数据
|
||||
$(".tablelist", form).each(function() {
|
||||
var container = this;
|
||||
var textarea = $("textarea[name='" + $(this).data("name") + "']", form);
|
||||
if (textarea.val() == '') {
|
||||
return true;
|
||||
}
|
||||
var template = $(this).data("template");
|
||||
var json = {};
|
||||
try {
|
||||
json = JSON.parse(textarea.val());
|
||||
} catch (e) {}
|
||||
$.each(json, function(i, j) {
|
||||
$(".btn-append,.append", container).trigger('click', template ? j : {
|
||||
key: i,
|
||||
|
|
@ -491,6 +584,8 @@ define(['jquery', 'bootstrap', 'upload', 'validator'], function ($, undefined, U
|
|||
|
||||
events.fieldlist(form);
|
||||
|
||||
events.tablelist(form);
|
||||
|
||||
events.slider(form);
|
||||
|
||||
events.switcher(form);
|
||||
|
|
|
|||
Loading…
Reference in New Issue