這個(gè)任務(wù)原先以為挺簡(jiǎn)單的，就是當(dāng)點(diǎn)擊datagrid中的行，就將這行的id插入到text文本框中。但是問題是一個(gè)一個(gè)接踵而來，讓我措手不及啊。

question1：界面是由兩個(gè)datagrid組成，點(diǎn)擊sys表之后根據(jù)sys的id來查找tab表，就是說tab是可以一直跟著選擇的sys變化的。而我單擊行事件時(shí)它的參數(shù)是此列表的行，而不是這條記錄的id，所有id=tab的datagrid是一直變化，當(dāng)我換了一個(gè)sys時(shí)，text中原先選擇的內(nèi)容就被清空了····

question2：每次點(diǎn)擊行時(shí)，就會(huì)將id放入到text中，但是已經(jīng)選擇過的id點(diǎn)擊之后還是會(huì)在上面，這明顯不符合正常行為啊···

question3：為了改變question2的問題給行又加了一個(gè)Unselect事件，再次點(diǎn)擊它時(shí)就給他取消掉，而取消又要干嘛呢，把這次點(diǎn)擊的id給他換掉，換成什么腫么換，這是個(gè)問題···

question4：那么多的id我總不能擠在一起，老虎老鼠傻傻分不清楚的，所以要給一個(gè)id后面加個(gè)","，讓大家和平相處，驗(yàn)證的時(shí)候也方便嘛，可是我要是驗(yàn)證的時(shí)候只管/id+”，“/的話就會(huì)產(chǎn)生另一個(gè)錯(cuò)誤，比如里面有3和53，驗(yàn)證的時(shí)候他就有問題啦，可是在前面加了”，“的 話別的又有問題···

我只能一步一步的算計(jì)啊，走邏輯啊，反正是一步一步的改過來了，不知道還有沒有別的錯(cuò)誤，只能說我已經(jīng)盡力了······

js——code

? $(document).ready(　function(){?

? ? 　　$('#sys').datagrid({ onClickRow:

? ? ? ? ? ? ? ?function (rowIndex, d) {

? ? ? ? ? ? ? var sys_code = d.sys_code;

? ? ? ? ? ? ? ? ? $('#tab').datagrid({queryParams:{sys_code:sys_code},method:'post'});

? ? ? ? ? ? ? ? ? }

? ? ? ? ? ?});

? ?

? ? $('#sys').datagrid({ onSelect:

? ? ? ? ? ?function (rowIndex, d) {

? ? ? var yq = ?$('#tabId').val();

? ? ? $('#tab').datagrid({

? ? onSelect:function (rowIndex, d) {

? ? ? var oh = "," + d.tbl_id +",";

? ? ? var oq = d.tbl_id +",";

? ? ? var or = eval("/^"+oq+"/");

? ? ? var ot = or.test(yq);

? ? ? ? ?if(ot == true){

? ? ? ? yq=yq;

? ? ? ? ?}

? ? ? ? ?else{

? ? ? ? var x = yq.replace(oh,",");

? ? ? ? ? var b = d.tbl_id +",";

? ? ? ? ? if(x==yq){

? ? ? ? ?yq = yq + b ;

? ? ? ? ? ?}

? ? ? ? ? else{

? ? ? ? yq=yq;

? ? ? ? ? ?}

? ? ? ? ?}

? ? ??

? ? ? ? $('#tabId').val(yq)

? ? ? ? },

? ? ? ? ?onUnselect:function(rowIndex,d){

? ? ? ? ?var uq = d.tbl_id+",";

? ? ? ? ?var ur = eval("/^"+uq+"/");

? ? ? ? ?var ut = ur.test(yq);

? ? ? ? ?if(ut == true){

? ? ? ? yq = yq.replace(uq,"");?

? ? ? ? ?}

? ? ? ? ?else{

? ? ? ? var x =","+ d.tbl_id+",";

? ? ? ? yq = yq.replace(x,",");?

? ? ? ? ?}

? ? ? ? ?$('#tabId').val(yq);

? ? ? ? ?}

? ? ? ? ? ? ? });

? ? ? ? ? ? ? }

? ? ? ? ? ?});

? ? });

轉(zhuǎn)載于:https://blog.51cto.com/lmq4930/1434503

總結(jié)

以上是生活随笔為你收集整理的js获取datagrid行，但是行改变了肿么办？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。