有没有办法创建具有多个输入元素的自定义字段?我正在咨询文档创建单个输入元素非常简单,但我不太确定如何添加多个输入元素。
以前有人走过这座桥吗?如果是这样,你是怎么做到的?
这是一些示例代码:
...
{name: 'Dimensions', index: 'Dimensions', hidden: true, editable: true,
edittype: 'custom', editoptions: {custom_element: dimensionsElement,
custom_value: dimensionsValue}, editrules: {edithidden: true}},
...
function dimensionsElement(value, options) {
var el = document.createElement("input");
el.type = "text";
el.value = value;
return el;
}
function dimensionsValue(elem) {
return $(elem).val();
}
您可以使用 jQuery 创建多个输入元素。因此,如果您的字段是一个人的全名,您可以使用以下内容
{ name: 'FullName', editable: true, edittype: 'custom', width: 300,
editoptions: {
custom_element: function(value, options) {
// split full name to the first and last name
var parts = value.split(' ');
// create a string with subelements
var elemStr = '<div><input id="'+options.id +
'_first" size="10" value="' + parts[0] +
'" /></br><input id="'+options.id + '_last' +
'"size="20" value="' + parts[1] + '" /></div>';
// return DOM element from jQuery object
return $(elemStr)[0];
},
custom_value: function(elem) {
var inputs = $("input", $(elem)[0]);
var first = inputs[0].value;
var last = inputs[1].value;
return first + ' '+ last;
}
}},
这是一个原始代码片段,您应该改进其布局input
元素(的值size
属性为例)。它显示了构建自定义编辑元素的主要概念。
UPDATED:如果您使用自定义编辑这很重要 to use recreateForm: true
参数(参见http://www.trirand.com/jqgridwiki/doku.php?id=wiki:form_editing). See jqgrid - 设置 edittype 的 custom_value: 'custom'了解详情。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)