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 на вашу страницу и заполните его столбцами.

Создайте столбец сочетания и укажите его настройки свойств. Чтобы связать столбец сочетания с источником данных, обработайте элементы столбца ItemeRectedByvalue и ItemERequestedByFilterCondition и отфильтровайте источник данных.

< 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 в столбце, добавьте управление BootstrapCombobox в шаблон, чтобы использовать его в режиме редактирования, и включите его свойство EnebleCallbackMode. Обработайте элементы сервера со стороны сервера Combo Box и ItemeRequestyByvalue событий и отфильтровайте источник данных на основе значений других полей.

< 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 события, как показано в следующем примере: представление Grid для веб -форм ASP.NET - как реализовать шаблон редактирования элемента в пакетном режиме.

 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 Combo Box.
```
 function RefreshData ( currentTypeID ) {
    hf1 . Set ( 'currentTypeID' , currentTypeID ) ;
    bsCombobox . PerformCallback ( ) ;
} 
```