2017-04-07 21 views
0

リストビューの選択項目をグリッドに表示したい。選択したすべての項目がホームページに表示されます。しかし私はそうする方法を見つけることができません。私は、ポップアップのJSファイルのコードとスクリーンショットリストビューの選択項目を取得

var subItemsLoaded = false, 
 
    SubItemSelectionModalId = '#subItemSelectionModal'; 
 
listViewHeight = 400, 
 
subItemClicked = 0; 
 

 
$(SubItemSelectionModalId).on('shown.bs.modal', function() { 
 
    if (
 
     (window.selections.assetTemplate.id != null && 
 
     window.selections.assetTemplate.id != 0)) { 
 
     $(SubItemSelectionModalId + ' .modal-body').ejWaitingPopup({ 
 
      showOnInit: true 
 
     }); 
 
     $(SubItemSelectionModalId + ' .listViewItems').ejListView({ 
 
      "height": 400, 
 
      "loadComplete": function() { 
 
       repositionSearchBoxFor(SubItemSelectionModalId); 
 
       var obj = $(SubItemSelectionModalId + ' .modal-body').data("ejWaitingPopup"); 
 
       console.log("12345.5"); 
 
       obj.hide(); 
 
       console.log("123456"); 
 
      }, 
 

 
      "mouseUp": function (e) { 
 
      }, 
 
      "enableAjax": true, 
 
      "enableCheckMark": true, 
 
      "enableFiltering": true, 
 
      "dataSource": ej.DataManager({ 
 
       "url": "/Shared", 
 
       "cachingPageSize": 0, 
 
       "timeTillExpiration": 0 
 
      }), 
 
      "query": ej.Query().from("GetSubItems").addParams("assetTemplateId", window.selections.assetTemplate.id).addParams("assetTemplateVariantId", window.selections.assetTemplateVariant.id), 
 
      "fieldSettings": { 
 
       "text": "SubItemName", 
 
       "id": "SubItemId" 
 
      } 
 
     }); 
 
    } 
 
}); 
 

 
$(SubItemSelectionModalId).on('hidden.bs.modal', function() { 
 
    var listViewItems = $(SubItemSelectionModalId + ' .listViewItems'); 
 
    if (listViewItems.find('ul').length > 0) { 
 
     var selections = $(SubItemSelectionModalId + ' .listViewItems').ejListView("getCheckedItems"); 
 
     if (selections.length > 0) { 
 
      $('#selectedSubItems').html(selections.join(' , ')).removeClass('hidden'); 
 
     } 
 
    } 
 
});

enter image description here

答えて

0

はい、グリッドにリストビューの選択した項目を表示することが可能である を添付しています。そのためには、ListviewのmouseUpイベントを使用して、リストの選択項目を取得し、これらの選択項目をGridコントロールのdataSourceとして指定する必要があります。

また、選択したリストのIDを取得するには、ID属性を取得してそのIDを取得し、IDフィールドをGridコントロールの列の1つとしてバインドする必要があります。このようにして、特定のリストのIDをListviewで取得し、それをグリッドにバインドすることができます。 http://jsplayground.syncfusion.com/prahqy2i

よろしく、
アルンP.

は、我々はまた、参照用のサンプルを用意しています

関連する問題