What's New?

[CLOSED] Disable/Hide row in PropertyGrid on client side

  1. #1
    Jun 09, 2011, 1:43 PM

    [CLOSED] Disable/Hide row in PropertyGrid on client side

    I need to disable or hide one PropertyGridParameter in PropertyGrid depending on condition on client. How can I do this?
    Last edited by Daniil; Jun 13, 2011 at 4:00 PM. Reason: [CLOSED]
  2. #2
    Jun 09, 2011, 2:07 PM
    Hi,

    Here you are.

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

<%@ 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>Ext.Net Example</title>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:PropertyGrid runat="server" Width="200" AutoHeight="true">
            <Source>
                <ext:PropertyGridParameter Name="Prop1" Value="1" />
                <ext:PropertyGridParameter Name="Prop2" Value="2" />
            </Source>
            <Listeners>
                <BeforeEdit Handler="return e.row !== 1;" />
            </Listeners>
            <View>
                <ext:GridView runat="server" ForceFit="true">
                    <GetRowClass Handler="return index === 1 ? 'x-item-disabled' : '';" />
                </ext:GridView>
            </View>
        </ext:PropertyGrid>
    </form>
</body>
</html>
  3. #3
    Jun 09, 2011, 2:41 PM
    By the way, to hide rows at all, you can use the store's filter() or filterBy() methods.
  4. #4
    Jun 09, 2011, 4:06 PM
    Edit cancel works good, but 
     <ext:GridView runat="server" ForceFit="true">
                    <GetRowClass Handler="return index === 1 ? 'x-item-disabled' : '';" />
                </ext:GridView>
    disables row only when I click on row, but I need follow case:
    I selected 0 in properygridparameter A - disable properygridparameter B. 1 in A - enable B
  5. #5
    Jun 09, 2011, 4:15 PM
    Please provide a simple page to reproduce (like my one).
  6. #6
    Jun 09, 2011, 4:27 PM 
    <%@ Page Language="C#" %>
 
<%@ 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>Ext.Net Example</title>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:PropertyGrid runat="server" Width="200" AutoHeight="true" ID="pdJopa">
            <Source>
                <ext:PropertyGridParameter Name="Prop1" Value="1" />
                <ext:PropertyGridParameter Name="Prop2" Value="2" />
            </Source>
            <View>
                <ext:GridView runat="server" ForceFit="true">
                    <GetRowClass Handler="return switch(e.record.id){ case 'Prop2': {return  #{pdJopa}.source['Prop1'] == '1'?'':'x-item-disabled'; break;} case 'Prop1':{ return '';break;}}" />
                </ext:GridView>
            </View>
        </ext:PropertyGrid>
    </form>
</body>
</html>
    Case:
    if you entered 1 in Prop1 enable Prop2, if you entered something else to Prop1 - disable Prop2
  7. #7
    Jun 09, 2011, 5:03 PM
    Could you please provide an example for filter and filterBy?
  8. #8
    Jun 09, 2011, 5:06 PM
    Quote Originally Posted by bakardi View Post
    Could you please provide an example for filter and filterBy?
    Please investigate the docs:
    http://dev.sencha.com/deploy/ext-3.3...&member=filter
    http://dev.sencha.com/deploy/ext-3.3...ember=filterBy

    If you still will need an example, please feel free to ask again.
  9. #9
    Jun 09, 2011, 5:08 PM
    Are you able to repro my example? Did you find the problem?
  10. #10
    Jun 09, 2011, 5:14 PM
    Quote Originally Posted by bakardi View Post 
    <%@ Page Language="C#" %>
 
<%@ 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>Ext.Net Example</title>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:PropertyGrid runat="server" Width="200" AutoHeight="true" ID="pdJopa">
            <Source>
                <ext:PropertyGridParameter Name="Prop1" Value="1" />
                <ext:PropertyGridParameter Name="Prop2" Value="2" />
            </Source>
            <View>
                <ext:GridView runat="server" ForceFit="true">
                    <GetRowClass Handler="return switch(e.record.id){ case 'Prop2': {return  #{pdJopa}.source['Prop1'] == '1'?'':'x-item-disabled'; break;} case 'Prop1':{ return '';break;}}" />
                </ext:GridView>
            </View>
        </ext:PropertyGrid>
    </form>
</body>
</html>
    Case:
    if you entered 1 in Prop1 enable Prop2, if you entered something else to Prop1 - disable Prop2
    Please see the example.

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

<%@ 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>Ext.Net Example</title>
</head>
<body>
    <form runat="server">
    <ext:ResourceManager runat="server" />
    <ext:PropertyGrid runat="server" Width="200" AutoHeight="true">
        <Source>
            <ext:PropertyGridParameter Name="Prop1" Value="1" />
            <ext:PropertyGridParameter Name="Prop2" Value="2" />
        </Source>
        <View>
            <ext:GridView runat="server" ForceFit="true">
                <GetRowClass Handler="if (record.id === 'Prop2' && store.getAt(0).data.value !== '1') {
                                          return 'x-item-disabled';
                                      }" />
            </ext:GridView>
        </View>
        <Listeners>
            <AfterEdit Handler="this.view.refreshRow(1);" />
        </Listeners>
    </ext:PropertyGrid>
    </form>
</body>
</html>

Similar Threads

  1. Disable PropertyGrid sorting
    By wzietek in forum 1.x Help
    Replies: 2
    Last Post: Jun 07, 2012, 4:51 AM
  2. [CLOSED] PropertyGrid disable sort
    By LeeTheGreek in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Jun 07, 2012, 4:50 AM
  3. How to hide grid panel rows based on condition on client side at the time of displaying?
    By i3class in forum 1.x Help
    Replies: 0
    Last Post: May 01, 2012, 9:43 AM
  4. [CLOSED] Store to be client-side or server-side paginated upon the checkbox change
    By Aparna_B in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Dec 26, 2011, 1:32 PM
  5. Grid Client Transactions(Client side insert/edit/delete)
    By kumarxlnt in forum 1.x Help
    Replies: 0
    Last Post: Sep 17, 2009, 8:04 AM

Posting Permissions