Jqgrid 在自定义编辑类型字段中添加多个输入元素
有没有办法创建具有多个输入元素的自定义字段?我正在咨询,创建一个输入元素非常简单,但我不确定如何添加多个输入元素 以前有人过这座桥吗?如果是,你是怎么做到的 下面是一些示例代码:Jqgrid 在自定义编辑类型字段中添加多个输入元素,jqgrid,editing,Jqgrid,Editing,有没有办法创建具有多个输入元素的自定义字段?我正在咨询,创建一个输入元素非常简单,但我不确定如何添加多个输入元素 以前有人过这座桥吗?如果是,你是怎么做到的 下面是一些示例代码: ... {name: 'Dimensions', index: 'Dimensions', hidden: true, editable: true, edittype: 'custom', editoptions: {custom_element: dimensionsElement, custom_value:
...
{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;
}
}},
{name:'FullName',可编辑:true,edittype:'custom',宽度:300,
编辑选项:{
自定义元素:函数(值、选项){
//将全名拆分为名字和姓氏
var部分=分割值(“”);
//创建包含子元素的字符串
var elemStr='';
//从jQuery对象返回DOM元素
返回$(elemStr)[0];
},
自定义值:函数(元素){
变量输入=$(“输入”,$(元素)[0]);
var first=输入[0]。值;
var last=输入[1]。值;
返回第一个+“”+最后一个;
}
}},
这是一个原始代码片段的原因,您应该改进input
元素的布局(例如size
属性的值)。它显示了构建自定义编辑元素的主要概念
已更新:如果使用自定义编辑,则重要的是使用重新创建表单:true
参数(请参阅)。有关详细信息,请参阅