What's New?

[CLOSED] How to dispaly N checkbox component within gridpanel ?

  1. #1
    Mar 14, 2012, 4:50 PM

    [CLOSED] How to dispaly N checkbox component within gridpanel ?

    Hello,
    How to display N checkbox component [For exemple 4 checkbox] within a gridpanel and how to post their selected values when I click on submit button ?
    PS: I use EXT.NET MVC
    Last edited by Daniil; Mar 19, 2012 at 7:29 PM. Reason: [CLOSED]
  2. #2
    Mar 14, 2012, 5:26 PM
    Hi,

    Please use CheckColumn:
    https://examples1.ext.net/#/GridPane...mn_Variations/

    To submit please use a common GridPanel data submitting mechanism.
    https://examples1.ext.net/#/GridPane...it_to_Handler/
    https://examples1.ext.net/#/GridPane...mit_Two_Grids/
  3. #3
    Mar 14, 2012, 5:45 PM
    Quote Originally Posted by Daniil View Post
    Hi,

    Please use CheckColumn:
    https://examples1.ext.net/#/GridPane...mn_Variations/

    To submit please use a common GridPanel data submitting mechanism.
    https://examples1.ext.net/#/GridPane...it_to_Handler/
    https://examples1.ext.net/#/GridPane...mit_Two_Grids/
    The Checkbox column does not exist in the database !!! So I can't reproduce column variations sample !
  4. #4
    Mar 14, 2012, 6:47 PM
    Quote Originally Posted by Daly_AF View Post
    The Checkbox column does not exist in the database !!! So I can't reproduce column variations sample !
    I'm afraid I don't understand it. Please clarify with more details why you can't use CheckColumn.
  5. #5
    Mar 15, 2012, 9:13 AM
    Quote Originally Posted by Daniil View Post
    I'm afraid I don't understand it. Please clarify with more details why you can't use CheckColumn.
    Hi,
    The problem is that database columns which match with gridpanel CheckColumn are defined as nvarchar(1) [Y/N].
    Should I change them as a Bit type ?
  6. #6
    Mar 15, 2012, 9:19 AM
    No, you should not, you can achieve the requirement setting up a Respective Convert function of RecordField.

    Example
    <%@ Page Language="C#" %>
 
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<script runat="server">
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!X.IsAjaxRequest)
        {
            Store store = this.GridPanel1.GetStore();
            store.DataSource = new object[] 
            { 
                new object[] { "Y" },
                new object[] { "N" },
                new object[] { "Y" }
            };
            store.DataBind();
        }
    }
</script>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Ext.NET Example</title>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:GridPanel ID="GridPanel1" runat="server" AutoHeight="true">
            <Store>
                <ext:Store runat="server">
                    <Reader>
                        <ext:ArrayReader>
                            <Fields>
                                <ext:RecordField Name="test">
                                    <Convert Handler="return value === 'Y' ? true : false;" />
                                </ext:RecordField>
                            </Fields>
                        </ext:ArrayReader>
                    </Reader>
                </ext:Store>
            </Store>
            <ColumnModel runat="server">
                <Columns>
                    <ext:CheckColumn Header="Test" DataIndex="test" Editable="true" />
                </Columns>
            </ColumnModel>
        </ext:GridPanel>
    </form>
</body>
</html>
  7. #7
    Mar 15, 2012, 10:42 AM
    Quote Originally Posted by Daniil View Post
    No, you should not, you can achieve the requirement setting up a Respective Convert function of RecordField.

    Example
    <%@ Page Language="C#" %>
 
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<script runat="server">
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!X.IsAjaxRequest)
        {
            Store store = this.GridPanel1.GetStore();
            store.DataSource = new object[] 
            { 
                new object[] { "Y" },
                new object[] { "N" },
                new object[] { "Y" }
            };
            store.DataBind();
        }
    }
</script>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Ext.NET Example</title>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:GridPanel ID="GridPanel1" runat="server" AutoHeight="true">
            <Store>
                <ext:Store runat="server">
                    <Reader>
                        <ext:ArrayReader>
                            <Fields>
                                <ext:RecordField Name="test">
                                    <Convert Handler="return value === 'Y' ? true : false;" />
                                </ext:RecordField>
                            </Fields>
                        </ext:ArrayReader>
                    </Reader>
                </ext:Store>
            </Store>
            <ColumnModel runat="server">
                <Columns>
                    <ext:CheckColumn Header="Test" DataIndex="test" Editable="true" />
                </Columns>
            </ColumnModel>
        </ext:GridPanel>
    </form>
</body>
</html>
    Great it works, now how to commit selected value changes into database ?
  8. #8
    Mar 15, 2012, 11:27 AM
    The examples how to submit a GridPanel data.
    https://examples1.ext.net/#/GridPane...it_to_Handler/
    https://examples1.ext.net/#/GridPane...mit_Two_Grids/
    https://examples1.ext.net/#/GridPane...itting_Values/

    The examples of Store/GridPanel saving mechanism.
    https://examples1.ext.net/#/GridPanel/Update/AutoSave/
    https://examples1.ext.net/#/GridPane...SqlDataSource/
    https://examples1.ext.net/#/GridPane.../Confirmation/
    https://examples1.ext.net/#/GridPane.../HandlerUsing/
    https://examples1.ext.net/#/GridPane.../ServiceUsing/
    https://examples1.ext.net/#/GridPane...reCustomLogic/
    https://examples1.ext.net/#/GridPane...s/StoreEvents/

Similar Threads

  1. How to dispaly the Data using calendarpanel
    By krishna in forum 1.x Help
    Replies: 1
    Last Post: Jan 11, 2011, 1:16 PM
  2. [CLOSED] How do i Set Focus On the first CheckBox Inside a GridPanel with a CheckBox Selection Model
    By pdcase in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Oct 06, 2010, 9:08 AM
  3. check/uncheck checkbox on click of another checkbox in gridpanel
    By ubaid in forum 1.x Help
    Replies: 1
    Last Post: Aug 13, 2009, 9:37 AM
  4. Controls Dont Dispaly Once Uploaded To Server
    By b.aytes in forum 1.x Help
    Replies: 8
    Last Post: Jul 29, 2009, 10:04 AM
  5. Create new Component "CheckEdit" with CheckBox and TextField
    By lily in forum 1.x Help
    Replies: 3
    Last Post: May 07, 2009, 6:37 AM

Posting Permissions