2014-01-28 110 views
0

我想將文本框控件與對象的屬性綁定。如下代碼中,其所有工作正常,文本框控件不綁定「名稱,索引」中提到的屬性。如何將屬性綁定到jqgrid中的文本框控件

下面是我的jqGrid代碼:

$('#g).jqGrid({ 
     ajaxGridOptions: { 
      error: function() { 
       $('#g')[0].grid.hDiv.loading = false; 
       alert('An error has occurred.'); 
      } 
     }, 
     url: '@Url.Action("Getvalues", "cntrollName")/' + 0, 
     postData: { ID: rowID }, 
     datatype: 'json', 
     jsonReader: { root: 'List', page: 'Page', total: 'TotalPages', records: 'TotalCount', repeatitems: false, id: 'ID' ,''}, 
     mtype: 'GET', 
     colNames: ['GrdID', Name], 
     colModel: [ 
      { name: ID, index: ID, hidden: true }, 
      { name: 'FullName', index: 'FullName', width: 150 }, 
      { 
       name: 'txtVAlue', index: txtVAlue, width: 40, align: 'center', formatter: function (cellValue, option) { 
         return '<input type="text" name="txtBox" id="txt_' + option.rowId + '" />'; 
        } 
       }], 

     pager: $('#g), 
     sortname: ID, 
     rowNum: 10, 
     width: '525', 
     height: '100%', 
     viewrecords: true, 
     beforeSelectRow: function (rowid, e) { 
           return true; 
     }, 
     sortorder: 'desc' 
    }).navGrid('#g, { edit: false, add: false, del: false, search: false, refresh: false }); 

請建議我如何我可以綁定字段值文本框。 請同時提示我,是否可以更改jqgrid的顏色和字體大小。

謝謝

回答

2

txtVAlue列的格式不使用cellValue。要解決此格式的代碼,你可以使用類似

{ 
    name: 'txtVAlue', 
    width: 40, 
    align: 'center', 
    formatter: function (cellValue, option) { 
     return '<input type="text" size="7" name="txtBox" id="txt_' + option.rowId + 
      '" value="' + cellValue +'"/>'; 
    } 
} 

將正確創建你應該定義事件句柄,保存在輸入的變化<input>元素之後。例如,您在駕駛室執行loadComplete回調的綁定。此外,您應該考慮執行onSortCol回調。它將在之前被稱爲網格將被排序(如果用戶點擊列標題)。

另外,你應該

  • 包括關閉'所有'#g(它替換到'#g')。 Name,IDrowID也應該包含在'之內(或者應該聲明和分配變量)。
  • 你必須使用另一選擇器pager作爲網格的id。例如pager: '#g_pager。與id="g_pager"的div應放置在某處。
  • 我建議您使用gridview: trueautoencode: true選項。
+0

很多感謝奧列格,它的工作原理。請分享我應該如何更改jqgrid的顏色和字體..哪些屬性必須更新標題字體,內容字體和標題背景顏色和行背景顏色? – dsi

+0

@Dhaval:不客氣!對不起,但字體的顏色和大小的問題與我對你問題的回答沒有任何關係。我會稍後發佈我的回答*你的另一個問題*關於顏色等。 – Oleg

+0

請回復http://stackoverflow.com/questions/21399581/how-to-change-color-theme-and-font-size-of -jqgrid – dsi

相關問題