如何使两个文本框出现在同一个jqgrid列中

Question

任何人都可以具体说明如何在同一个jqgrid列中创建两个文本框。

场景：我有一个可以存储地址信息的动态表，可以输入多个地址。对于Zipcode，我希望将它存储为同一列中的5位数文本框和4位数文本牛。是可能的，如果是，那么如何？

我添加了一个示例图片，显示了我希望如何显示它。

Answer 1

创建jsfiddle，在一列中显示两个文本框。请根据您的要求更改代码并进行更改。这可以帮助您继续前进。

<table id="grid"></table>
<div id="pager"></div>

<script>
var mydata = [{
    name: "Toronto",
    country: "Canada",
    continent: "North America"
}, {
    name: "New York City",
    country: "USA",
    continent: "North America"
}, {
    name: "Silicon Valley",
    country: "USA",
    continent: "North America"
}, {
    name: "Paris",
    country: "France",
    continent: "Europe"
}]

$("#grid").jqGrid({
    data: mydata,
    datatype: "local",
    colNames: ['Zip/Postal',"Name", "Country", "Continent"],
    colModel: [
        {name:'act',index:'act', width:175,sortable:false},
    {
        name: 'name',
        index: 'name',
        editable: true,
    }, {
        name: 'country',
        index: 'country',
        editable: true,
    }, {
        name: 'continent',
        index: 'continent',
        editable: true,
    }],
    pager: '#pager',
    'cellEdit': true,
    'cellsubmit' : 'clientArray',
    editurl: 'clientArray',
gridComplete: function(){ 
    var ids = jQuery("#grid").jqGrid('getDataIDs');
    alert(ids);
    for(var i=0;i < ids.length;i++)
    {
        var cl = ids[i]; 
        be = "<input style='height:22px;width:40px;' type='text' value='text1'   />"; 
        se = "<input style='height:22px;width:40px;' type='text' value='text2'  />";  jQuery("#grid").jqGrid('setRowData',ids[i],{act:be+se}); }
          }    
});
</script>