2016-04-13 29 views
0

adamlar sütun adlarını verme benim kodudurburada .. ben ben namually koymak zorunda kalmamak değiştirilir sütun adları durumunda dinamik olmasını istediğiniz javascript dinamik

jqGrid11.prototype = { 
 
\t display : function() { 
 
\t \t $('body').append(this.html.join("")); 
 

 
\t \t $("#jqGrid").jqGrid({ 
 
\t \t \t url : "index.jsp", 
 
\t \t \t colModel : [ { 
 

 
\t \t \t \t label : 'Department Name', 
 
\t \t \t \t name : 'Department Name ', 
 
\t \t \t \t width : 200 
 
\t \t \t }, { 
 
\t \t \t \t label : 'id', 
 
\t \t \t \t name : 'id', 
 
\t \t \t \t key : true, 
 
\t \t \t \t width : 200 
 
\t \t \t }, { 
 
\t \t \t \t label : 'Employees', 
 
\t \t \t \t name : 'Employees ', 
 
\t \t \t \t width : 500 
 

 
\t \t \t } ], 
 
\t \t \t viewrecords : true, 
 
\t \t \t width : 780, 
 
\t \t \t height : 250, 
 
\t \t \t rowNum : 20, 
 
\t \t \t pager : "#jqGridPager" 
 
\t \t }); 
 

 
\t \t for (var i = 0; i < this.data.length; i++) { 
 
\t \t \t $("#jqGrid").jqGrid("addRowData", i + 1, this.data[i]); 
 
\t \t } 
 

 
\t } 
 
};

yüzden departman adı ve kimliği ve çalışan w, dinamik You should asla hiç kullanım name mülkiyet colModel ait

+0

Dinamik sütunlar için bir veri kaynağınız var mı? JSON dizisinde http yanıtı gibi mi? –

+0

evet .. json dizim var –

+0

Bence aradığınız cevap bu gibi bir şey - [stackoverflow jqgrid ve dinamik sütun bağlama] (http://stackoverflow.com/questions/2277962/jqgrid-and -dinamik sütunlu bağlayıcı) –

cevap

1

oluşturulmasını istediğiniz hich boşluk içerir. Bazı öğelerin kimliklerini oluşturmak için name kullanılacaktır ve boşluklar, alanlar için HTML5 tarafından yasaklanmıştır.

Döngüyü hiçbir zaman addRowData döngüsünü kullanarak doldurmamalısınız. Izgarayı doldurmanın en yavaş yolu bu.

datatype belirtmeden url : "index.jsp" kullanıyorsunuz. Varsayılan olarak datatype: "xml" kullanılacaktır. Öte yandan, JSON'u girdi olarak kullanmak istediğinizi yazdınız.

öğeleri (this.data) dizisi olarak giriş verilerini varsa o zaman veri ile jqGrid yaratacak datatype: "local", data: this.data, kullanmak ve (rowNum: 20 üzerine taban) verilerin ilk sayfası gösterilecektir.

jqGrid'in hangi sürümünü ve hangi jqGrid çatalını kullandığınızı doğrulamanızı öneririz. Ben geliştirdiğim ücretsiz jqGrid çatalı free jqGrid 4.13.2 - geçerli sürümünü kullanmanızı öneririz.