What's New?

[CLOSED] editable gridpanel enable/disable fields

  1. #1
    Jan 10, 2011, 6:30 PM

    [CLOSED] editable gridpanel enable/disable fields

    We have implemeted editable gridpanel in our application. for each row,we would like enable/disable fields based on a value.

    if record.data.plans > 0 then enable txtHalfsize and txtFullSize fields and disable txtspecs
    if record.data.specs > 0 then disable txtHalfSize and txtFullSize and enable txtspecs

    How do I do this ?

    
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CartItems.aspx.cs" Inherits="CooliteDemo.Planroom.UserControls.CartItems" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!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></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <ext:GridPanel ID="ItemGrid" runat="server" StripeRows="true" AutoExpandColumn="DocumentName"
            Title="Choose the files,enter the quantity and select recipients" ClicksToEdit="1"
            IconCls="step1" AutoScroll="true" Header="true" AutoWidth="false" Layout="Fit">
            <Store>
                <ext:Store ID="CheckOutItemStore" IDMode="Explicit" runat="server">
                    <Reader>
                        <ext:ArrayReader>
                            <Fields>
                                <ext:RecordField Name="ID" Mapping="ID" Type="Int" />
                                <ext:RecordField Name="BundleId" Mapping="BundleId" />
                                <ext:RecordField Name="DocumentName" Mapping="DocumentName" />
                                <ext:RecordField Name="HalfSizeQty" Mapping="HalfSizeQty" Type="Int" />
                                <ext:RecordField Name="FullSizeQty" Mapping="FullSizeQty" Type="Int" />
                                <ext:RecordField Name="SpecsQty" Mapping="SpecsQty" Type="Int" />
                                <ext:RecordField Name="DeliveryTypeID" Mapping="DeliveryTypeID" Type="Int" />
                                <ext:RecordField Name="Plans" Mapping="Plans" Type="Int" />
                                <ext:RecordField Name="Specs" Mapping="Specs" Type="Int" />
                                <ext:RecordField Name="Store" Mapping="PickUpFrom" />
                            </Fields>
                        </ext:ArrayReader>
                    </Reader>
                </ext:Store>
            </Store>
            <ColumnModel>
                <Columns>
                    <ext:Column Header="Document Name" Sortable="false" DataIndex="DocumentName" Groupable="false">
                    </ext:Column>
                    <ext:NumberColumn Header="Half Size" DataIndex="HalfSizeQty" Width="50">
                        <Editor>
                            <ext:NumberField ID="txtHalfSize" runat="server" />
                        </Editor>
                    </ext:NumberColumn>
                    <ext:NumberColumn Header="Full Size" DataIndex="FullSizeQty" Width="50" Groupable="false">
                        <Editor>
                            <ext:NumberField ID="txtFullSize" runat="server">
                            </ext:NumberField>
                        </Editor>
                    </ext:NumberColumn>
                    <ext:NumberColumn Header="Specs" DataIndex="SpecsQty" Width="50">
                        <Editor>
                            <ext:NumberField ID="txtSpecs" runat="server" />
                        </Editor>
                    </ext:NumberColumn>
                </Columns>
            </ColumnModel>
            <View>
                <ext:GridView ForceFit="true" EmptyText="No Items in Cart">
                </ext:GridView>
            </View>
            <Plugins>
                <ext:EditableGrid ID="EditableGrid1" runat="server" />
            </Plugins>
            <SelectionModel>
                <ext:CheckboxSelectionModel ID="CheckboxSelectionModel110" runat="server" CheckOnly="true">
                </ext:CheckboxSelectionModel>
            </SelectionModel>
        </ext:GridPanel>
    </div>
    </form>
</body>
</html>
    Last edited by Daniil; Jan 12, 2011 at 2:53 PM. Reason: [CLOSED]
  2. #2
    Jan 10, 2011, 7:17 PM
    Hi,

    Please see
    http://forums.ext.net/showthread.php?11599

    Here is a full example.

    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[] { 1, "test12", "test13" },
                new object[] { -1, "test22", "test23" },
                new object[] { 1, "test32", "test33" }
            };
            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>

    <script type="text/javascript">
        var editor1Render = function () {
            this.setDisabled(this.grid.record.get('test1') > 0);
        };
        
        var editor2Render = function() {
            this.setDisabled(this.grid.record.get('test1') < 0);
        };
    </script>
</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="test1" />
                            <ext:RecordField Name="test2" />
                            <ext:RecordField Name="test3" />
                        </Fields>
                    </ext:ArrayReader>
                </Reader>
            </ext:Store>
        </Store>
        <ColumnModel runat="server">
            <Columns>
                <ext:Column Header="Test1" DataIndex="test1">
                    <Editor>
                        <ext:NumberField runat="server" />
                    </Editor>
                </ext:Column>
                <ext:Column Header="Test2" DataIndex="test2">
                    <Editor>
                        <ext:TextField runat="server">
                            <Listeners>
                                <Render Fn="editor1Render" />
                            </Listeners>
                        </ext:TextField>
                    </Editor>
                </ext:Column>
                <ext:Column Header="Test3" DataIndex="test3">
                    <Editor>
                        <ext:TextField runat="server">
                            <Listeners>
                                <Render Fn="editor2Render" />
                            </Listeners>
                        </ext:TextField>
                    </Editor>
                </ext:Column>
            </Columns>
        </ColumnModel>
        <Plugins>
            <ext:EditableGrid runat="server" />
        </Plugins>
    </ext:GridPanel>
    </form>
</body>
</html>
    Last edited by Daniil; Dec 23, 2011 at 9:43 AM.

Similar Threads

  1. Gridpanel editor fields editable by default
    By Kev in forum 1.x Help
    Replies: 0
    Last Post: Aug 14, 2012, 9:14 AM
  2. [CLOSED] Disable/Enable edit control on gridpanel
    By bakardi in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Nov 21, 2011, 3:59 PM
  3. Button Enable/Disable
    By Maia in forum 1.x Help
    Replies: 5
    Last Post: Jul 02, 2010, 8:03 PM
  4. How enable/disable buttons in CommandColumn og gridpanel
    By Satyanarayana murthy in forum 1.x Help
    Replies: 1
    Last Post: Feb 06, 2010, 10:00 AM
  5. [CLOSED] disable/enable gridcommand
    By idrissb in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Sep 03, 2009, 2:25 PM

Tags for this Thread

Posting Permissions