[CLOSED] Submit combobox value within an editable gridview

**Daly_AF** · Apr 17, 2012, 9:00 AM

Hi,
How to submit combobox value within an editable gridview ?

This is the gridview code :

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html>
<html>
<head runat="server">
    <meta name="viewport" content="width=device-width" />
</head>
<body>
    <ext:ResourceManager runat="server">
    </ext:ResourceManager>
    <ext:GridPanel ID="GridPanelUsrGroup" runat="server" Header="false" Border="false"
        TrackMouseOver="true" AutoWidth="true" AutoHeight="true">
        <View>
            <ext:GridView ID="GridView1" runat="server" ForceFit="true" />
        </View>
        <Store>
            <ext:Store ID="dsUsrGroup" runat="server" RemoteSort="true">
                <UpdateProxy>
                    <ext:HttpWriteProxy Url="/Research/AssignUserGroup">
                    </ext:HttpWriteProxy>
                </UpdateProxy>
                <Reader>
                    <ext:JsonReader IDProperty="group_id" Root="data" TotalProperty="total">
                        <Fields>
                            <ext:RecordField Name="group_id">
                            </ext:RecordField>
                            <ext:RecordField Name="Supervisor">
                                <Convert Handler="return value === 'Y' ? true : false;" />
                            </ext:RecordField>
                        </Fields>
                    </ext:JsonReader>
                </Reader>
                <WriteBaseParams>
                    <ext:Parameter Name="userId" Value="190" Mode="Value" AutoDataBind="true">
                    </ext:Parameter>
                </WriteBaseParams>
                <Listeners>
                    <Save Handler="Ext.net.Notification.show({iconCls: 'icon-information', html : arg.message, title : 'Success', hideDelay : 5000});" />
                    <Exception Handler="Ext.net.Notification.show({iconCls: 'icon-exclamation', html : e && e.message ? e.message : response.message || response.statusText, title : 'EXCEPTION', hideDelay : 5000});" />
                </Listeners>
            </ext:Store>
        </Store>
        <ColumnModel ID="ColumnModelUsrGroup" runat="server">
            <Columns>
                <ext:CheckColumn ColumnID="_groupSupervisor" DataIndex="Supervisor" Header="Supervisor"
                    Editable="true">
                </ext:CheckColumn>
                <ext:Column ColumnID="_groupShortname" DataIndex="group_id" Header="Group shortname"
                    Editable="true">
                    <Editor>
                        <ext:ComboBox ID="_comboGroupShortname" runat="server" AutoDataBind="true" AnchorHorizontal="25%"
                            SubmitValue="true">
                            <Items>
                                <ext:ListItem Value="1" Text="X" />
                                <ext:ListItem Value="2" Text="Y" />
                            </Items>
                        </ext:ComboBox>
                    </Editor>
                </ext:Column>
            </Columns>
        </ColumnModel>
        <TopBar>
            <ext:Toolbar ID="Toolbar1" runat="server">
                <Items>
                    <ext:Button ID="Button1" runat="server" Text="Save" Icon="Disk">
                        <Listeners>
                            <Click Handler="#{dsUsrGroup}.save();" />
                        </Listeners>
                    </ext:Button>
                    <ext:Button ID="Button3" runat="server" Text="Add" Icon="Add">
                        <Listeners>
                            <Click Handler="#{GridPanelUsrGroup}.insertRecord(0, {});#{GridPanelUsrGroup}.getView().focusRow(0);#{GridPanelUsrGroup}.startEditing(0, 0);" />
                        </Listeners>
                    </ext:Button>
                    <ext:ToolbarSeparator ID="ToolbarSeparator1" runat="server" />
                    <ext:Label ID="Label1" runat="server" Text="(Double-Click Row to Edit)" />
                </Items>
            </ext:Toolbar>
        </TopBar>
        <SelectionModel>
            <ext:RowSelectionModel ID="RowSelectionModelUserGrp" runat="server" />
        </SelectionModel>
        <BottomBar>
            <ext:PagingToolbar ID="PagingToolbarUserGrp" runat="server" PageSize="5" />
        </BottomBar>
        <LoadMask ShowMask="true" />
        <SaveMask ShowMask="true" />
    </ext:GridPanel>
</body>
</html>

This is the action that submit values :

  
public AjaxStoreResult AssignUserGroup(int userId)
        {
            AjaxStoreResult ajaxStoreResult = new AjaxStoreResult(StoreResponseFormat.Save);
            try
            {
                StoreDataHandler dataHandler = new StoreDataHandler(HttpContext.Request["data"]);
                ChangeRecords<user_group> data = dataHandler.ObjectData<user_group>();
                foreach (user_group usrGroup in data.Created)
                {
                    if (usrGroup.Supervisor.Equals("True"))
                    {
                        usrGroup.Supervisor = "Y";
                    }
                     usrGroup.user_id = userId;
                    //_userGroupRepository.Add(usrGroup);
                }
                ajaxStoreResult.SaveResponse.Success = true;
                ajaxStoreResult.SaveResponse.Message = "Success";
            }
            catch (Exception e)
            {
                ajaxStoreResult.SaveResponse.Success = false;
                ajaxStoreResult.SaveResponse.Message = e.Message;
            }
            return ajaxStoreResult;
        }

This is the class user group :

 public class user_group
    {
        public int user_id
        {
            get;
            set;
        }
    
        public int group_id
        {
            get;
            set;
        }
        private int _group_id;
    
        public string Supervisor
        {
            get;
            set;
        }

When I debug AssignUserGroup action I found group_id = 0.

PS: I populate combobox with a datatable result to simplify issue I implemented a listItem.

**Daniil** · Apr 17, 2012, 11:16 AM

Hi,

Please open the Ext.Net.MVC.Demo project (it's available in SVN).

There is the SaveCustomersWithoutConfirmation controller action within the DataController which demonstrates how to get a saved data.

StoreDataHandler dataHandler = new StoreDataHandler(HttpContext.Request["data"]);
ChangeRecords<Customer> data = dataHandler.ObjectData<Customer>();

You should use your class instead of Customer.

**Daly_AF** · Apr 17, 2012, 11:49 AM

Originally Posted by Daniil

Hi,

Please open the Ext.Net.MVC.Demo project (it's available in SVN).

There is the SaveCustomersWithoutConfirmation controller action within the DataController which demonstrates how to get a saved data.

StoreDataHandler dataHandler = new StoreDataHandler(HttpContext.Request["data"]);
ChangeRecords<Customer> data = dataHandler.ObjectData<Customer>();

You should use your class instead of Customer.

Yes I used it, just I don't found the attribute value group_id coming from the combobox

**Daniil** · Apr 17, 2012, 12:09 PM

Oh, I see.

Please set up

 SkipIdForNewRecords="false"

for the Store.

**Daly_AF** · Apr 17, 2012, 1:32 PM

Originally Posted by Daniil

Oh, I see.

Please set up

 SkipIdForNewRecords="false"

for the Store.

When I use

 SkipIdForNewRecords="false"

I obtain a negative value which does not correspond to the combobox key value

**Daniil** · Apr 17, 2012, 1:49 PM

Please try to remove:

IDProperty="group_id"

of the JsonReader.

**Daly_AF** · Apr 17, 2012, 3:26 PM

Originally Posted by Daniil

Please try to remove:

IDProperty="group_id"

of the JsonReader.

Thanks it works but it display the key value of combobox after after submiting values

**Daniil** · Apr 17, 2012, 4:00 PM

I think you should set up a respective Renderer for the Column.

Something like the Renderer of the Department Column in this example.
https://examples2.ext.net/#/GridPane...Field_Mapping/

**Daly_AF** · Apr 17, 2012, 6:25 PM

Originally Posted by Daniil

I think you should set up a respective Renderer for the Column.

Something like the Renderer of the Department Column in this example.
https://examples2.ext.net/#/GridPane...Field_Mapping/

Daniil I use ext.net 1.3, the link redirect me to the ext.net 2.0 examples

**Daniil** · Apr 17, 2012, 6:26 PM

My fault, here is the link for v1.
https://examples1.ext.net/#/GridPane...Field_Mapping/

Thread: [CLOSED] Submit combobox value within an editable gridview

Thread Tools

Search Thread

Display

[CLOSED] Submit combobox value within an editable gridview

Similar Threads

Error on Submit in GridPanel with Save and Submit Filter example

[CLOSED] V2.0 ComboBox Editable

[CLOSED] ComboBox in Editable GridPanel

[CLOSED] Editable Combobox

[CLOSED] Submit gridpanel data in form submit

Posting Permissions

Sitemap

Downloads

Resources

Thread: [CLOSED] Submit combobox value within an editable gridview

[CLOSED] Submit combobox value within an editable gridview

Similar Threads

Posting Permissions

Sitemap

Downloads

Resources

Stay connected with us