What's New?

Hide RowBody on GP Edit

  1. #1
    Dec 30, 2008, 11:27 AM

    Hide RowBody on GP Edit

    Is there a way to hide or disable rowbody on row insert?
  2. #2
    Dec 30, 2008, 11:33 AM

    RE: Hide RowBody on GP Edit

    *Can you clarify? May be mock-up image



  3. #3
    Dec 30, 2008, 11:37 AM

    RE: Hide RowBody on GP Edit

    In the attachment - you can see, when I click insert new row - the rowbody is right below the first textbox - wanted to see, upon insert, if it were possible to effectively "hide" or disable that row
  4. #4
    Dec 30, 2008, 11:40 AM

    RE: Hide RowBody on GP Edit

    maybe even a way - if it cannot be hidden/disabled - to show the "comments/notes" textbox for edit in the rowwbody
  5. #5
    Dec 30, 2008, 12:50 PM

    RE: Hide RowBody on GP Edit

    Please see the following example

    <%@ Page Language="C#" %>

<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" 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 id="Head1" runat="server">
    <title>Coolite Toolkit - GridPanel with SqlDataSource</title>
    <link href="../../../../resources/css/examples.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
        <ext:ScriptManager ID="ScriptManager1" runat="server" />
        
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
            ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
            SelectCommand="SELECT [EmployeeID], 
                    [LastName], 
                    [FirstName], 
                    [Title],                    
                    [Notes] FROM [Employees]">
        </asp:SqlDataSource>
        
        <ext:Store ID="Store1" runat="server" DataSourceID="SqlDataSource1">
            <Reader>
                <ext:JsonReader ReaderID="EmployeeID">
                    <Fields>
                        <ext:RecordField Name="FirstName" />
                        <ext:RecordField Name="LastName" />
                        <ext:RecordField Name="Title" />
                        <ext:RecordField Name="Notes" />
                    </Fields>
                </ext:JsonReader>
            </Reader>
        </ext:Store>

        <ext:GridPanel 
            ID="GridPanel1" 
            runat="server" 
            Title="Employees"
            Frame="true" 
            Height="600"
            AutoExpandColumn="FirstName"
            StoreID="Store1">
            <ColumnModel runat="server">
                <Columns>
                    <ext:Column ColumnID="FirstName" Header="First Name" Width="150" DataIndex="FirstName">
                        <Editor>
                            <ext:TextField runat="server"></ext:TextField>
                        </Editor>
                    </ext:Column>
                    <ext:Column Header="Last Name" Width="150" DataIndex="LastName">
                        <Editor>
                            <ext:TextField runat="server"></ext:TextField>
                        </Editor>
                    </ext:Column>
                    <ext:Column DataIndex="Title" Header="Title" Width="150">
                        <Editor>
                            <ext:TextField runat="server"></ext:TextField>
                        </Editor>
                    </ext:Column>
                </Columns>
            </ColumnModel>
            <View>
               <ext:GridView ID="GridView1" runat="server" EnableRowBody="true">
                    <GetRowClass Handler="if(!record.newRecord){rowParams.body = '<p>'+record.data.Notes+'</p>'; return 'x-grid3-row-expanded';} return 'x-grid3-row-collapsed';" />
               </ext:GridView> 
            </View>
            <SelectionModel>
                <ext:RowSelectionModel runat="server" />
            </SelectionModel>
            
            <BottomBar>
                <ext:Toolbar runat="server">
                    <Items>
                        <ext:ToolbarButton ID="btnInsert" runat="server"  Text="Insert" Icon="Add">
                            <Listeners>
                                <Click Handler="#{GridPanel1}.insertRecord(0, {});#{GridPanel1}.getView().focusRow(0);#{GridPanel1}.startEditing(0, 0);" />
                            </Listeners>
                        </ext:ToolbarButton>
                    </Items>
                </ext:Toolbar>
            </BottomBar>
        </ext:GridPanel>
    </form>
</body>
</html>
    You can change !record.newRecord checking by record.data.Notes is empty


  6. #6
    Dec 30, 2008, 1:12 PM

    RE: Hide RowBody on GP Edit

    That did it - thanks once again!!!

Similar Threads

  1. [CLOSED] OT...Edit Post hide from the paging
    By Aurelio in forum 2.x Legacy Premium Help
    Replies: 3
    Last Post: Aug 09, 2012, 4:50 PM
  2. Conditional RowBody Expand - Not working in 2.0?
    By Tbaseflug in forum 2.x Help
    Replies: 3
    Last Post: May 22, 2012, 9:42 PM
  3. [CLOSED] Icon does not hide on item hide
    By amitpareek in forum 1.x Legacy Premium Help
    Replies: 7
    Last Post: Nov 09, 2011, 7:13 PM
  4. [CLOSED] [1.0] Calendar - hide/disable buttons in event edit window
    By ljankowski in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Oct 08, 2010, 12:21 PM
  5. [CLOSED] label.Hide() does not hide FieldLabel
    By alexp in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Aug 12, 2010, 9:05 PM

Posting Permissions