asp net bootstrap grid initialize combo box column in batch edit modeダウンロード-ASP asp net bootstrap grid initialize combo box column in batch edit modeソースコードのダウンロード

asp net bootstrap grid initialize combo box column in batch edit mode

その他のカテゴリー

1.0.0

ダウンロード

ASP.NETブートストラップのグリッドビュー - バッチ編集モードでコンボボックス列を初期化する方法

この例は、列をフィルタリングされたデータソースにバインドし、バッチモードでグリッドのセル編集機能を構成するために、コンボボックス列の編集アイテムテンプレートを作成する方法を示しています。

コンボボックス列を初期化します

概要

以下の手順に従って、バッチ編集モードのコンボボックス列を初期化します。

BootstrapgridViewコントロールをページに追加し、列を入力します。

コンボボックス列を作成し、ビューモードのPropertiesComboBox設定を指定します。コンボボックス列をデータソースにバインドするには、列の項目の再クエストByValueとItemRequestedByFilterConditionイベントを処理し、データソースをフィルタリングします。

< dx:BootstrapGridViewComboBoxColumn FieldName = " YourFieldName " ... >
    < PropertiesComboBox ValueField = " YourFieldName "	OnItemRequestedByValue = " OnItemRequestedByValue_View "
    OnItemsRequestedByFilterCondition = " OnItemsRequestedByFilterCondition_View " TextFormatString = " {0}|{1}... " >
        < Fields >
        <!-- ... -->
        </ Fields >
    </ PropertiesComboBox >
    <!-- ... -->
</ dx:BootstrapGridViewComboBoxColumn >

 protected void OnItemRequestedByValue_View ( object source , ListEditItemRequestedByValueEventArgs e ) {
    if ( e . Value == null ) return ;
    int subTypeID = ( int ) e . Value ;
    BootstrapComboBox editor = source as BootstrapComboBox ;
    editor . DataSource = ItemTypeFactory . GetItemSubTypes ( ) . Where ( s => s . SubTypeID == subTypeID ) ;
    editor . DataBind ( ) ;
}
protected void OnItemsRequestedByFilterCondition_View ( object source , ListEditItemsRequestedByFilterConditionEventArgs e ) {
    BootstrapComboBox editor = source as BootstrapComboBox ;
    editor . DataSource = ItemTypeFactory . GetItemSubTypes ( ) . Where ( s => s . SubTypeDescription . Contains ( e . Filter )
    || s . SubTypeName . Contains ( e . Filter )
    || s . SubTypeID . ToString ( ) . Contains ( e . Filter ) ) ;
    editor . DataBind ( ) ;
}

列のeditiTemtemplateプロパティを指定し、テンプレートにブートストラップコムボボックスコントロールを追加して編集モードで使用し、そのenableCallBackModeプロパティを有効にします。コンボボックスのサーバー側のアイテムを処理します。

< dx:BootstrapGridViewComboBoxColumn Caption = " ItemSubType " FieldName = " SubTypeID " VisibleIndex = " 4 " >
    <!-- ... -->
    < EditItemTemplate >
        < dx:BootstrapComboBox ID = " bsCombobox " runat = " server " EnableCallbackMode = " true " ClientInstanceName = " bsCombobox " OnItemRequestedByValue = " OnItemRequestedByValue " OnItemsRequestedByFilterCondition = " OnItemsRequestedByFilterCondition " ValueField = " SubTypeID " TextFormatString = " SubTypeID: {0} ---- Desription: {1} " >
            < Fields >
                <!-- ... -->
            </ Fields >
            < ClientSideEvents LostFocus = " bsCombobox_LostFocus " />
        </ dx:BootstrapComboBox >
    </ EditItemTemplate >
</ dx:BootstrapGridViewComboBoxColumn >

 protected void OnItemRequestedByValue ( object source , ListEditItemRequestedByValueEventArgs e ) {
    // ...
    int typeID = GetCurrentItemTypeID ( ) ;
    List < SubType > subTypes ;
    if ( typeID > - 1 )
        subTypes = ItemTypeFactory . GetItemSubTypes ( ) . Where ( s => s . TypeID == typeID && s . SubTypeID . ToString ( ) == id ) . ToList ( ) ;
    // ...
    editor . DataSource = subTypes ;
    editor . DataBind ( ) ;
}

protected void OnItemsRequestedByFilterCondition ( object source , ListEditItemsRequestedByFilterConditionEventArgs e ) {
    BootstrapComboBox editor = source as BootstrapComboBox ;
    int typeID = GetCurrentItemTypeID ( ) ;
    List < SubType > subTypes ;
    if ( typeID > - 1 )
        subTypes = ItemTypeFactory . GetItemSubTypes ( ) . Where ( s => s . TypeID == typeID && ( s . SubTypeDescription . Contains ( e . Filter )
        // ...
    editor . DataSource = subTypes ;
    editor . DataBind ( ) ;
}

クライアントのコンボボックスコントロールを初期化するには、次の例で示されているように、グリッドのBatchEditStartEditingおよびBatchEditEndEditingイベントを処理します。ASP.NETWebフォームのグリッドビュー - バッチモードで編集アイテムテンプレートを実装する方法。

 function OnBatchEditStartEdit ( s , e ) {
    var currentTypeID = grid . batchEditApi . GetCellValue ( e . visibleIndex , 'TypeID' ) ;
    var cellInfo = e . rowValues [ ColIndexByName ( 'SubTypeID' ) ] ;
    this . setTimeout ( function ( ) {
    bsCombobox . SetValue ( cellInfo . value ) ;
    bsCombobox . SetText ( cellInfo . text ) ;
    } , 0 ) ;
    RefreshData ( currentTypeID ) ;
}
function OnBatchEditEndEdit ( s , e ) {
    var cellInfo = e . rowValues [ ColIndexByName ( 'SubTypeID' ) ] ;
    cellInfo . value = bsCombobox . GetValue ( ) ;
    cellInfo . text = bsCombobox . GetText ( ) ;
    bsCombobox . SetValue ( null ) ;
}

新しいフィールド値をサーバーに渡すには、非表示のフィールドコントロールを使用して、コンボボックスのPerformCallbackメソッドを呼び出します。
```
 function RefreshData ( currentTypeID ) {
    hf1 . Set ( 'currentTypeID' , currentTypeID ) ;
    bsCombobox . PerformCallback ( ) ;
} 
```