What's New?

[CLOSED] Add Trigger Field to GridPanel in dynamic

  1. #1
    Sep 10, 2010, 5:38 AM

    [CLOSED] Add Trigger Field to GridPanel in dynamic

    Hi,

    I want to add a trigger field in a column in gridpanel by dyanmically. The following source i have used in aspx page.
    <Editor>
<ext:TriggerField ID="txt_supplier_name" runat="server" Cls="manitatory">
<Triggers>
<ext:FieldTrigger Icon="Search" />
</Triggers>
<Listeners>
<TriggerClick Handler="top.window_popup_open(6,'PopUpSupplier.aspx',400,440,'Supplier')" />
</Listeners>
</ext:TriggerField>
</Editor>
    The above control need to add in code behind

    Regards

    Rameshkumar
    Last edited by Daniil; Sep 13, 2010 at 5:44 AM. Reason: [CLOSED]
  2. #2
    Sep 10, 2010, 9:43 AM
    Hello!

    Please look at the 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.Store.Primary;
            store.DataSource = new object[] { 
                                         new object[] {"test11"},
                                         new object[] {"test21"},
                                         new object[] {"test31"}
                                };
            store.DataBind();

            TriggerField tf = new TriggerField();

            FieldTrigger ft = new FieldTrigger();
            ft.Icon = TriggerIcon.Search;

            tf.Triggers.Add(ft);
            tf.Listeners.TriggerClick.Handler = "alert('TriggerClick')";

            this.GridPanel1.ColumnModel.Columns[0].Editor.Add(tf);
        }
    }
</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="test1" />
                        </Fields>
                    </ext:ArrayReader>
                </Reader>
            </ext:Store>
        </Store>
        <ColumnModel runat="server">
            <Columns>
                <ext:Column Header="Test1" DataIndex="test1" />
            </Columns>
        </ColumnModel>
    </ext:GridPanel>
    </form>
</body>
</html>
  3. #3
    Nov 14, 2011, 5:32 AM

    But I am having Problem with Clear TriggerField

    Hii

    All this things are Correct but how can i clear triggerfield Text after clicking Trigger???

    With Regards,
    Archana Mistry
    Last edited by archana; Nov 14, 2011 at 6:07 AM.
  4. #4
    Nov 14, 2011, 5:38 AM
    Hi,

    Please call the .clear() method.
    tf.Listeners.TriggerClick.Handler = "this.clear();";
  5. #5
    Nov 14, 2011, 6:03 AM

    My Code 

    TriggerField tf = new TriggerField();
  Window win = new Window();
  FieldTrigger ft = new FieldTrigger();
Ext.Net.TextArea objMessage = new Ext.Net.TextArea();

protected void Page_Load(object sender, EventArgs e)
    {
        if (!X.IsAjaxRequest)
        {   

        win = new Window()
        {
            ID = "Window",
            Title = "Chat"                 
        };
        tf.ID = "triggerFieldWriteData";
    
        ft.Icon = TriggerIcon.SimpleFeed;
        tf.Triggers.Add(ft);
    
        tf.Listeners.TriggerClick.Handler = "MessageSend('" + ID + "',this.getValue(),'" + tf + "')";
    
         objMessage = new Ext.Net.TextArea() { ID = "txtDisplayMessage", Width = 185, Enabled = false, Height = 187, StyleSpec = "margin-bottom:5px;" };
         win.Items.Add(objMessage);
         win.Items.Add(tf);         
         win.Render(this);
     }
}

[DirectMethod]
    public void Send(decimal ID,string Message)
    {        
        cm.Reciver = ID;
        X.Js.Call("Display", "txtDisplayMessage", Message);       
        cm.Sender = Convert.ToDecimal(Session["User"]);
        cm.MessageDateTime = DateTime.Now;
        cm.Message = Message;
        cm.Insert(); 
    }
    and JS Method
      function MessageSend(id,msg,tf)
        {         
          Ext.net.DirectMethods.Send(id,msg); 
           tf.clear();
        };
    If u have any Solution plzz help me

    With Regards,
    Archana Mistry
    Last edited by archana; Nov 14, 2011 at 6:36 AM.
  6. #6
    Nov 14, 2011, 6:30 AM
    Please wrap the code in [CODE ] tags.
  7. #7
    Nov 14, 2011, 6:37 AM

    Reply My Code

    now ok?

    With Regards,
    Archana Mistry
  8. #8
    Nov 14, 2011, 8:22 AM
    Thanks.

    Please use:
    tf.Listeners.TriggerClick.Handler = string.Format("MessageSend(this, '{0}'", ID);

function MessageSend(field, serverId)
{        
    Ext.net.DirectMethods.Send(serverId, field.getValue());
    field.clear();
};
  9. #9
    Nov 14, 2011, 10:01 AM

    Reply My Code

    Done

    Thanks a lot :)

    With Regards,
    Archana Mistry

Similar Threads

  1. [CLOSED] [1.0] Trigger Field
    By alliedwallet.com in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Nov 05, 2010, 3:04 AM
  2. [CLOSED] [1.0] Trigger field CSS
    By tdracz in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: May 06, 2010, 4:52 PM
  3. [CLOSED] Trigger Field Display
    By HOWARDJ in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Aug 26, 2009, 6:24 PM
  4. Trigger Field with Combobox
    By mathec in forum 1.x Help
    Replies: 0
    Last Post: Feb 17, 2009, 4:02 PM
  5. Trigger Field Icon
    By Kaido in forum 1.x Help
    Replies: 7
    Last Post: Feb 02, 2009, 12:49 PM

Tags for this Thread

Posting Permissions