<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          layui表格種單選框中的回顯

          2023-4-21    前端達人

          let form = layui.form
                  layui.table.render({
                      id: 'commanderId',
                      elem: '#users-list',
                      url: '/team-cpt/competition/findUserByUnitId',
                      method: 'post',
                      request: {pageName: 'pageNum'},
                      where: {cptId: cptId, unitId: unitId,realName:realName,phone:phone},
                      parseData: convert2LayuiGrid,
                      page: true,
                      cols: [[
                          {field: 'id', title: 'ID', fixed: 'left', hide: true},
                          {type: 'radio', fixed: 'left', width: '10%', hide: false},
                          {field: 'realName', title: '姓名', align: 'center', fixed: 'left'},
                          {field: 'username', title: '手機號', align: 'center', fixed: 'left'}
                      ]],
                      done: function (res, curr, count) {
                          for (let i = 0; i <res.data.length ; i++) {
                              if (res.data[i].id === commanedrId) {
                                  $('div.layui-unselect.layui-form-radio')[i].click()//選中
                                  //下面三句是通過更改css來實現選中的效果
                                  var index = res.data[i]['LAY_TABLE_INDEX'];
                                  // $('tr[data-index=' + index + '] ').addClass('layui-table-click');
                                  $('tr[data-index=' + index + '] input[type="radio"]').prop('checked', true);
                                  $('tr[data-index=' + index + '] input[type="radio"]').next().addClass('layui-form-radioed');
                                  $('tr[data-index=' + index + '] i').addClass('layui-anim-scaleSpring');
                              }
                          }
                          form.render('radio'); //layui表單中改變屬性一定要重新渲染
          
          

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~ 希望得到建議咨詢、商務合作,也請與我們聯系01063334945。  分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。  藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司。

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合