[CLOSED] MultiCombo in Gridpanel

Page 1 of 2 12 LastLast
  1. #1

    [CLOSED] MultiCombo in Gridpanel

    Hi,

    Can i use Multicombo (multiple values to be selected in combobox) column in gridpanel..?
    Last edited by Daniil; Jul 16, 2013 at 4:17 AM. Reason: [CLOSED]
  2. #2
    Hi @hemantpatil,

    You can use a ComponentColumn, placing a MultiCombo in its Component.
  3. #3
    Quote Originally Posted by Daniil View Post
    Hi @hemantpatil,

    You can use a ComponentColumn, placing a MultiCombo in its Component.
    Hi Daniil,

    Thanks for the Reply.

    i've used ComponentColumn as per your suggestion and it seems working as expected. but i m facing few issues in the sample. i m posting the sample code herewith.

    Note : i m using Ext.net Ver 2.2

    Problem Faced:

    1. i've added editor controls in other column. on click of Tab in any column, Editor control in the next column should get visible. but it's not happening in the sample. i think there is some Javascript Error on the page. (Sceenshot 1-1.png)

    2. in Multiselect combo, when i tick/check two items, it shows both the item as column value, but when i uncheck one of the selected value, that value gets removed from the column value but the checkbox still appears as checked in list. (Screenshot 2-2.png)

    Sample Code as Below.

    GridPanel_MultiSelectCombo.aspx
    <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="GridPanel_MultiSelectCombo.aspx.vb" Inherits="Ext.Net_Samples_New.GridPanel_MultiSelectCombo" %>
    <%@ 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 id="Head1" runat="server">
        <title>Simple Array Grid - Ext.NET Examples</title>
        <link href="../../../../resources/css/examples.css" rel="stylesheet" type="text/css" />
        <style>
            .x-grid-row-over .x-grid-cell-inner
            {
                font-weight: bold;
            }
        </style>
    
        <script>
            var template = '<span style="color:{0};">{1}</span>';
    
            var change = function (value) {
                return Ext.String.format(template, (value > 0) ? "green" : "red", value);
            };
    
            var pctChange = function (value) {
                return Ext.String.format(template, (value > 0) ? "green" : "red", value + "%");
            };
    
        var StatusRenderer = function (value, st) {
            var ind = st.find("ID", value);
            var r = st.getAt(ind);
            if (Ext.isEmpty(r)) {
                return "";
            }
            return r.data.Name;
            
        };
        </script>
    
    </head>
    <body>
        <form id="Form1" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
        <h1>        Simple Array Grid</h1>
        <ext:Store ID="StoreCombo" runat="server">
            <Model>
                <ext:Model ID="Model2" runat="server">
                    <Fields>
                        <ext:ModelField Name="ID" />
                        <ext:ModelField Name="Name" />
                    </Fields>
                </ext:Model>
            </Model>
        </ext:Store>
        <ext:GridPanel ID="GridPanel1" runat="server" Title="Array Grid" Width="1200" Height="600">
            <Store>
                <ext:Store ID="Store1" runat="server">
                    <Model>
                        <ext:Model ID="Model1" runat="server">
                            <Fields>
                                <ext:ModelField Name="company" />
                                <ext:ModelField Name="price" Type="Float" />
                                <ext:ModelField Name="change" Type="Float" />
                                <ext:ModelField Name="pctChange" Type="Float" />
                                <ext:ModelField Name="lastChange" Type="Date" DateFormat="M/d hh:mmtt" />
                                <ext:ModelField Name="DepartmentId" />
                            </Fields>
                        </ext:Model>
                    </Model>
                </ext:Store>
            </Store>
            <ColumnModel ID="ColumnModel1" runat="server">
                <Columns>
                    <ext:Column ID="Column1" runat="server" Text="Company" DataIndex="company">
                        <Editor>
                            <ext:TextField ID="txtCol1" runat="server" AllowBlank="false"/>
                        </Editor>
                    </ext:Column>
                    <ext:Column ID="Column2" runat="server" Text="Price" DataIndex="price">
                        <Renderer Format="UsMoney" />
                        <Editor>
                            <ext:TextField ID="TextField1" runat="server" />
                        </Editor>
                    </ext:Column>
                    <ext:Column ID="Column3" runat="server" Text="Change" DataIndex="change">
                        <Renderer Fn="change" />
                        <Editor>
                            <ext:TextField ID="TextField2" runat="server" AllowBlank="false" />
                        </Editor>
                    </ext:Column>
                    <ext:Column ID="Column4" runat="server" Text="Change" DataIndex="pctChange">
                        <Renderer Fn="pctChange" />
                    </ext:Column>
                    <ext:DateColumn ID="DateColumn1" runat="server" Text="Last Updated" DataIndex="lastChange" />
                    <ext:ComponentColumn ID="DepartmentCol" runat="server" DataIndex="" Text="Department" Width="240">
                        <Component>
                            <ext:MultiCombo ID="ComboBox1" runat="server" StoreID="StoreCombo" DisplayField="Name" ValueField="ID" />
                        </Component> 
                    </ext:ComponentColumn>                
                </Columns>
            </ColumnModel>
            <SelectionModel>
                <ext:RowSelectionModel ID="RowSelectionModel1" runat="server" />
            </SelectionModel>
            <Plugins>
                <ext:CellEditing ID="CellEditing1" runat="server" />
            </Plugins>
        </ext:GridPanel>
        </form>
    </body>
    </html>
    GridPanel_MultiSelectCombo.aspx.vb

    Imports System.Web.UI.WebControls
    Imports System.Configuration
    
    Imports ext1 = Ext.Net
    Imports Ext.Net
    Imports Ext.Net.JSON
    
    Imports System.Data
    Imports System
    Imports System.Data.SqlClient
    
    Partial Public Class GridPanel_MultiSelectCombo
        Inherits System.Web.UI.Page
    
        Dim STRSQL As String
    
        Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
            Me.Store1.DataSource = Me.Data
            Me.Store1.DataBind()
    
            Me.StoreCombo.DataSource = Me.DeptData
            Me.StoreCombo.DataBind()
    
            GridPanel1.Plugins.Add(New Ext.Net.CellEditing)
        End Sub
    
        Private ReadOnly Property Data() As Object()
            Get
                Return New Object() {New Object() {"3m Co", 71.72, 0.02, 0.03, "9/1 12:00am"}, New Object() {"Alcoa Inc", 29.01, 0.42, 1.47, "9/1 12:00am"}, New Object() {"Altria Group Inc", 83.81, 0.28, 0.34, "9/1 12:00am"}, New Object() {"American Express Company", 52.55, 0.01, 0.02, "9/1 12:00am"}, New Object() {"American International Group, Inc.", 64.13, 0.31, 0.49, "9/1 12:00am"}, New Object() {"AT&T Inc.", 31.61, -0.48, -1.54, "9/1 12:00am"}, _
                 New Object() {"Boeing Co.", 75.43, 0.53, 0.71, "9/1 12:00am"}, New Object() {"Caterpillar Inc.", 67.27, 0.92, 1.39, "9/1 12:00am"}, New Object() {"Citigroup, Inc.", 49.37, 0.02, 0.04, "9/1 12:00am"}, New Object() {"E.I. du Pont de Nemours and Company", 40.48, 0.51, 1.28, "9/1 12:00am"}, New Object() {"Exxon Mobil Corp", 68.1, -0.43, -0.64, "9/1 12:00am"}, New Object() {"General Electric Company", 34.14, -0.08, -0.23, "9/1 12:00am"}, _
                 New Object() {"General Motors Corporation", 30.27, 1.09, 3.74, "9/1 12:00am"}, New Object() {"Hewlett-Packard Co.", 36.53, -0.03, -0.08, "9/1 12:00am"}, New Object() {"Honeywell Intl Inc", 38.77, 0.05, 0.13, "9/1 12:00am"}, New Object() {"Intel Corporation", 19.88, 0.31, 1.58, "9/1 12:00am"}, New Object() {"International Business Machines", 81.41, 0.44, 0.54, "9/1 12:00am"}, New Object() {"Johnson & Johnson", 64.72, 0.06, 0.09, "9/1 12:00am"}, _
                 New Object() {"JP Morgan & Chase & Co", 45.73, 0.07, 0.15, "9/1 12:00am"}, New Object() {"McDonald""s Corporation", 36.76, 0.86, 2.4, "9/1 12:00am"}, New Object() {"Merck & Co., Inc.", 40.96, 0.41, 1.01, "9/1 12:00am"}, New Object() {"Microsoft Corporation", 25.84, 0.14, 0.54, "9/1 12:00am"}, New Object() {"Pfizer Inc", 27.96, 0.4, 1.45, "9/1 12:00am"}, New Object() {"The Coca-Cola Company", 45.07, 0.26, 0.58, "9/1 12:00am"}, _
                 New Object() {"The Home Depot, Inc.", 34.64, 0.35, 1.02, "9/1 12:00am"}, New Object() {"The Procter & Gamble Company", 61.91, 0.01, 0.02, "9/1 12:00am"}, New Object() {"United Technologies Corporation", 63.26, 0.55, 0.88, "9/1 12:00am"}, New Object() {"Verizon Communications", 35.57, 0.39, 1.11, "9/1 12:00am"}, New Object() {"Wal-Mart Stores, Inc.", 45.45, 0.73, 1.63, "9/1 12:00am"}}
            End Get
        End Property
    
        Private ReadOnly Property DeptData() As Object()
            Get
                Return New Object() {New Object() {1, "Dept. 1"}, New Object() {2, "Dept. 2"}, New Object() {3, "Dept. 3"}, New Object() {4, "Dept. 4"}}
            End Get
        End Property
    End Class
    Click image for larger version. 

Name:	1.png 
Views:	17 
Size:	32.3 KB 
ID:	6481Click image for larger version. 

Name:	2.png 
Views:	19 
Size:	24.6 KB 
ID:	6482
  4. #4
    1. You should not add two CellEditing plugins here and here.
    <Plugins>
        <ext:CellEditing ID="CellEditing1" runat="server" />
    </Plugins>
    GridPanel1.Plugins.Add(New Ext.Net.CellEditing)
    Please remove one. After that you will be able to go trough common Editors (Column's Editors) by pressing the Tab key. But a ComponentColumn doesn't support it.

    Do you not want to use a common Column with a MultiCombo Editor?

    2. I cannot reproduce it with the latest Ext.NET sources from SVN trunk. It is probably fixed.
  5. #5
    Quote Originally Posted by Daniil View Post
    1. You should not add two CellEditing plugins here and here.
    <Plugins>
        <ext:CellEditing ID="CellEditing1" runat="server" />
    </Plugins>
    GridPanel1.Plugins.Add(New Ext.Net.CellEditing)
    Please remove one. After that you will be able to go trough common Editors (Column's Editors) by pressing the Tab key. But a ComponentColumn doesn't support it.

    Do you not want to use a common Column with a MultiCombo Editor?

    2. I cannot reproduce it with the latest Ext.NET sources from SVN trunk. It is probably fixed.
    Hi Daniil,

    Thanks for the Reply.

    by removing GridPanel1.Plugins.Add(New Ext.Net.CellEditing), now i m able to go trough column editors on Tab. but as u said, ComponentColumn doesn't support it. i want to set focus to MultiCombo Column on tab. how can i do this...?

    2. (I cannot reproduce it with the latest Ext.NET sources from SVN trunk. It is probably fixed.)---i m using the latest version of(available on the site), still i m facing the issue. this issue also exists on the example portal. (please see attached screenshot for the same).

    Click image for larger version. 

Name:	3.png 
Views:	20 
Size:	21.4 KB 
ID:	6489
    Last edited by hemantpatil; Jul 05, 2013 at 6:00 AM.
  6. #6
    Quote Originally Posted by hemantpatil View Post
    want to set focus to MultiCombo Column on tab. how can i do this...?
    You should override a RowModel's onEditorTab method.
    http://docs.sencha.com/extjs/4.2.1/s...od-onEditorTab

    Quote Originally Posted by hemantpatil View Post
    2. (I cannot reproduce it with the latest Ext.NET sources from SVN trunk. It is probably fixed.)---i m using the latest version of(available on the site), still i m facing the issue. this issue also exists on the example portal. (please see attached screenshot for the same).
    The online Examples Explorer uses the last public release (v2.2). This release is available to download on the site which you are probably using. But it is not the latest. The latest Ext.NET sources is in SVN trunk.
    http://svn.ext.net/premium/trunk/
  7. #7
    Quote Originally Posted by Daniil View Post
    You should override a RowModel's onEditorTab method.
    http://docs.sencha.com/extjs/4.2.1/s...od-onEditorTab



    The online Examples Explorer uses the last public release (v2.2). This release is available to download on the site which you are probably using. But it is not the latest. The latest Ext.NET sources is in SVN trunk.
    http://svn.ext.net/premium/trunk/
    Hi Daniil,

    i m not able to login to "http://svn.ext.net/premium/trunk/" using my username and password. i can login to forum with same credentials.
  8. #8
    Hello!

    Please, send an email with this problem to the following address: support@object.net
  9. #9
    Just to clarify. The SVN and forum credentials are not the same, they are different.

    The SVN credentials should be emailed to you when you bought Premium Support Subscription. Please check the inbox.

    If the SVN credentials are lost, then yes, please send a request to support at ext dot net.
  10. #10
    Quote Originally Posted by Daniil View Post
    Just to clarify. The SVN and forum credentials are not the same, they are different.

    The SVN credentials should be emailed to you when you bought Premium Support Subscription. Please check the inbox.

    If the SVN credentials are lost, then yes, please send a request to support at ext dot net.
    Hi Daniil,

    i've the SVN credentials now, n i can login also. this might sound sily but can you please brief me what is SVN n which files do i need to download from the link..?

    right now i m using assemblies from Ext.NET.WebForms.Pro.2.2.0.zip (downloaded from the ext.net site). i've never downloaded anything from SVN.
Page 1 of 2 12 LastLast

Similar Threads

  1. [CLOSED] Searching in a multicombo
    By CarWise in forum 2.x Legacy Premium Help
    Replies: 3
    Last Post: May 27, 2013, 7:55 AM
  2. MultiCombo and IE8
    By Birgit in forum 2.x Help
    Replies: 1
    Last Post: Dec 07, 2012, 9:15 AM
  3. [CLOSED] Multicombo in gridPanel
    By imaa in forum 1.x Legacy Premium Help
    Replies: 7
    Last Post: Nov 15, 2012, 1:28 PM
  4. [CLOSED] MultiCombo
    By softmachine2011 in forum 2.x Legacy Premium Help
    Replies: 20
    Last Post: Aug 02, 2012, 11:56 AM
  5. How to add a multicombo in gridpanel?
    By reezvi in forum 1.x Help
    Replies: 0
    Last Post: Mar 23, 2012, 8:04 PM

Tags for this Thread

Posting Permissions