jQWidgets Forums

Forum Replies Created

Viewing 5 posts - 16 through 20 (of 20 total)
1 2
  • Author
    Posts
  • June 29, 2012 at 10:02 am in reply to: grid filter option grid filter option #5488

    akansha
    Member

    I am generating source object on fly. The solution might be if i’ll send the type also from back end.

    one more question. I am generating column on fly as mentioned below, I want the first column as button. Below code is giving me button but with text as false. And also how will i write onclick event of this select button. 

    function GetColumns(jsonObj) {
        var columns = new Array();
        columns.push({
            "text": "Select",
            "datafield": "Select",
            columntype: 'button',
            "width": 220
        });
        for (var i = 0; i < jsonObj.length; i++) {
            columns.push({
                "text": jsonObj[i],
                "datafield": jsonObj[i],
                "width": 220
            });
        } 
        
        
        
        return columns;
    }
    June 25, 2012 at 5:13 am in reply to: DropDown Height? DropDown Height? #5289

    akansha
    Member

    Thanks!!

    June 25, 2012 at 4:20 am in reply to: DropDown Height? DropDown Height? #5281

    akansha
    Member
    <code>
    <!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>
        <meta name="keywords" content="jQuery DropDownList, List, ListBox, Popup List, jqxDropDownList, jqxListBox, List Widget, ListBox Widget, DropDownList Widget" />
        <meta name="description" content="The jqxDropDownList represents a widget that contains a list of
            selectable items displayed in a drop-down." />
        <title id='Description'>The jqxDropDownList represents a widget that contains a list
            of selectable items displayed in a drop-down.</title>
         
        <link rel="stylesheet" href="jqwidgets/styles/jqx.base.css" type="text/css" />
        <script type="text/javascript" src="scripts/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="jqwidgets/jqxcore.js"></script>
        <script type="text/javascript" src="jqwidgets/jqxdata.js"></script> 
        <script type="text/javascript" src="jqwidgets/jqxbuttons.js"></script>
        <script type="text/javascript" src="jqwidgets/jqxscrollbar.js"></script>
        <script type="text/javascript" src="jqwidgets/jqxmenu.js"></script>
        <script type="text/javascript" src="jqwidgets/jqxcheckbox.js"></script>
        <script type="text/javascript" src="jqwidgets/jqxlistbox.js"></script>
        <script type="text/javascript" src="jqwidgets/jqxdropdownlist.js"></script>
        <script type="text/javascript" src="jqwidgets/jqxgrid.js"></script>
        <script type="text/javascript" src="jqwidgets/jqxgrid.sort.js"></script> 
        <script type="text/javascript" src="jqwidgets/jqxgrid.pager.js"></script> 
        <script type="text/javascript" src="jqwidgets/jqxgrid.selection.js"></script> 
        <script type="text/javascript" src="scripts/gettheme.js"></script>
         <script src="scripts/CommonScript.js" type="text/javascript"></script>
         
        <link href="jqwidgets/styles/jqx.energyblue.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <div id='content'>
            <script type="text/javascript">
                $(document).ready(function () {
                    var theme = getTheme();
                    var source = [
                        "try1",
                        "try2",
                        "try3"              
    		        ];
                    // Create a jqxDropDownList
                    $("#jqxWidget").jqxDropDownList({ source: source, selectedIndex: 1, width: '200', height: '25', theme: theme });
                });
            </script>
            <div id='jqxWidget'>
            </div>
        </div>
    </body>
    </html>
    </code>
    June 25, 2012 at 4:20 am in reply to: DropDown Height? DropDown Height? #5280

    akansha
    Member

    The jqxDropDownList represents a widget that contains a list
    of selectable items displayed in a drop-down.

    $(document).ready(function () {
    var theme = getTheme();
    var source = [
    "try1",
    "try2",
    "try3"
    ];
    // Create a jqxDropDownList
    $("#jqxWidget").jqxDropDownList({ source: source, selectedIndex: 1, width: '200', height: '25', theme: theme });
    });

    June 22, 2012 at 8:44 am in reply to: DropDown Height? DropDown Height? #5221

    akansha
    Member

    unnecessary space is visible in dropdownlist after expanding.

    tried properties : $(“#drpDatasource”).jqxDropDownList({ autoDropDownHeight: true });
    and $(“#drpDatasource”).jqxDropDownList({itemHeight: 25});

    but still space issue is not resolved.

  • Author
    Posts
Viewing 5 posts - 16 through 20 (of 20 total)
1 2