2016-05-25 14 views
0

メイングリッドの行を編集可能にし、階層グリッドの行を編集する必要はありません。しかし、問題は一度階層グリッドの行をクリックすることです編集可能になり、メイングリッドの同じ列番号の値が階層グリッドの選択された列に表示されます。ここに添付された写真は、より理にかなっています。 enter image description hereShield uiグリッド階層グリッドは編集不可メイングリッド編集可能

私が言及したように、これは階層グリッドで発生する必要はありません。

はここ

$("#allTransGrid").shieldGrid({ 
           dataSource: { 
            data: datad, 
            schema: { 
             fields: { 
              mbr_id: {path: "mbr_id", type: String}, 
              lon_id: {path: "lon_id", type: String}, 
              center_name: {path: "center_name", type: String}, 
              grp_name: {path: "grp_name", type: String}, 
              mbr_name: {path: "mbr_name", type: String}, 
              lon_amt: {path: "lon_amt", type: Number}, 
              lon_int_amt: {path: "lon_int_amt", type: Number}, 
              loan_total: {path: "loan_total", type: Number}, 
              ind_inst: {path: "ind_inst", type: Number}, 
              today_pay: {path: "today_pay", type: Number, nullable: false}, 
              lon_id_as: {path: "lon_id_as", type: Number} 
             } 
            } 
           }, 
           sorting: { 
            multiple: true 
           }, 
           paging: { 
            pageSize: 12, 
            pageLinksCount: 10 
           }, 
           events: { 
            editorCreating: function (e) { 
             if (e.field == "ind_inst") { 
              e.options = {enabled: false, max: 1000}; 
             } 
             if (e.field == "loan_total") { 
              e.options = {enabled: false, max: 500000}; 
             } 
             if (e.field == "lon_int_amt") { 
              e.options = {enabled: false, max: 100000}; 
             } 
             if (e.field == "lon_amt") { 
              e.options = {enabled: false, max: 100000}; 
             } 
             if (e.field == "mbr_name") { 
              e.options = {enabled: false}; 
             } 
             if (e.field == "grp_name") { 
              e.options = {enabled: false}; 
             } 
             if (e.field == "center_name") { 
              e.options = {enabled: false}; 
             } 
             if (e.field == "lon_id") { 
              e.options = {enabled: false}; 
             } 
             if (e.field == "mbr_id") { 
              e.options = {enabled: false}; 
             } 
             if (e.field == "today_pay") { 
              e.options = {max: 10000}; 
              console.log(e.options); 
             } 

            }, 
            detailCreated: function (e) { 
             $.ajax({ 
              url: "PaymentCatcherGroupBy", 
              cache: false, 
              dataType: 'JSON', 
              data: {loan_id: e.item.lon_id_as, c_id: center_id}, 
              success: function (data) { 
               $("<div/>") 
                 .appendTo(e.detailCell) 
                 .shieldGrid({ 
                  dataSource: {data: data}, 
                  sorting: { 
                   multiple: true 
                  }, 
                  paging: { 
                   pageSize: 5 
                  }, 
                  columns: [ 
                   {field: "installment_num", title: "Week"}, 
                   {field: "installmentAmount", title: "Installment Amount"}, 
                   {field: "paidAmount", title: "Paid Amount"}, 
                   {field: "dueDate", title: "Date Paid", type: Date} 
                  ], 
                  events: { 
                   editorCreating: function (e) { 
                    if (e.field == "installment_num") { 
                     e.options = {enable: false}; 
                    } 
                   } 
                  } 
                 }); 
              }, error: function (jqXHR, textStatus, errorThrown) { 
               alert('error'); 
              } 
             }); 

            } 
           }, 
           selection: { 
            type: "row", 
            multiple: true, 
            toggle: false 
           }, 
           columns: [ 
            {field: "mbr_id", width: "100px", title: "Member ID", enabled: false}, 
            {field: "lon_id", width: "100px", title: "Loan ID"}, 
            {field: "center_name", title: "Center Name", width: "100px"}, 
            {field: "grp_name", title: "Group Name", width: "70px"}, 
            {field: "mbr_name", title: "Member Name", width: "170px"}, 
            {field: "lon_amt", title: "Loan Amount", width: "100px"}, 
            {field: "lon_int_amt", title: "Interest", width: "100px"}, 
            {field: "loan_total", title: "Total", width: "80px"}, 
            {field: "ind_inst", title: "Installment Amount", width: "120px"}, 
            {field: "today_pay", title: "Today Payment"} 
           ], 
           editing: { 
            enabled: true, 
            event: "click", 
            type: "cell" 
           }, 
           scrolling: true, 
           height: 600 
          }); 

すべてのヘルプはかなりのだろう....これまでの私のコードです。ありがとうございました !

答えて

3

あなたは、詳細グリッドの編集無効にすることができます。

https://www.shieldui.com/documentation/grid/javascript/api/settings/editing

またはあなたが編集したくないこれらの列にfalseに編集可能に設定できます。

列:[ {フィールド: "mbr_id"、幅: "100pxに"、タイトル: "メンバーID"、編集可能:偽}、

私は、これはあなたの問題を解決するだろう願っています。

関連する問題