2010-04-10 11 views
6

JqGrid'e yeni oldum, lütfen benimle birlikte ol. Ben showlink biçimlendirici kullandığımda hücreleri şekillendirme bazı sorunları yaşıyorum. benim yapılandırmada ben AfterInsertRow kurmak ve ben sadece basit metni görüntüler eğer iyi çalışır:AfterInsertRow, setCell. programlı olarak hücrenin içeriğini değiştir

afterInsertRow: function(rowid, aData) { 
    if (aData.Security == `C`) { 
    jQuery('#list').setCell(rowid, 'Doc_Number', '', { color: `red` }); 
} else 
{ 
    jQuery('#list').setCell(rowid, 'Doc_Number', '', { color: `green` }); 
} 
}, ... 

Bu kod en kısa sürede bir biçimlendirici eklemek olarak gayet güzel, ama işleri

{'Doc_Number, ..., 'formatter: ’showlink’, formatoptions: {baseLinkUrl: ’url.aspx’} 

yukarıdaki yeni bir eleman hücresine

<a href='url.aspx'>cellValue</a> 

eklenir çünkü kod kod abov gibi bir şey kullanarak programlı yeni alt öğesine erişmek mümkün mü çalışmıyor e ve stili değiştirmek?

`<a href='url.aspx' style='color: red;'>cellValue</a>` etc. 

GÜNCELLEME:

jQuery('#list').setCell(rowid, 'Doc_Number', '', 'redLink'); 

Sen hücreye bir sınıf ekleyebilir

.redLink a { 
    color: red; 
} 

cevap

6

CSS Sınıf:

jQuery('#list').setCell(rowid, 'Doc_Number', '', 'redLink'); 
Amacıyla size aşağıdaki gibi yapmak zorunda çalışmak

Ardından bu satırlarda bir CSS sınıfı tanımlayın :

.redLink a { 
    color: red; 
} 
+0

Merhaba Justin, işe yaramıyor. Şimdi hücre metni olarak 'redlink' görüntüler. – oirfc

+0

Tekrar selam, aslında son iki parametreyi ters çevirirseniz çalışır: jQuery ('# list'). SetCell (rowid, 'Doc_Number', '', 'redLink'); Bana doğru yönde işaret ettiğiniz için teşekkür ederiz. – oirfc

+0

Bunun için üzgünüm, ama işe yaradığına sevindim! FWIW, cevabımı yeni güncelledim. –

İlgili konular