jQWidgets Forums
Forum Replies Created
Viewing 3 posts - 1 through 3 (of 3 total)
-
Author
-
April 10, 2013 at 2:33 pm in reply to: DropdownList using valueMember vs DisplayMember DropdownList using valueMember vs DisplayMember #19004
Hi Peter,
You said that displayMember and valueMember properties are applied only to the jqxDropDownList editor and not to Grid columns. Is it still applicable in the latest release (2.8) or have your team made it workable in the new release?Hi Peter,
Here’s part of my code:
<html lang="en"><title>SO Items</title><head> <link rel="stylesheet" href="jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="http://gss.greenpacket.com/oms/jqwidgets/styles/jqx.classic.css" type="text/css" /> <link rel="stylesheet" href="media/css/custom.css" type="text/css" /> <link rel="stylesheet" href="media/css/custom_jquery.css" type="text/css" /> <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" /> <script type="text/javascript" src="jquery-1.8.2.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script> <script type="text/javascript" src="jqwidgets/jqxcore.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/jqxgrid.js"></script> <script type="text/javascript" src="jqwidgets/jqxgrid.selection.js"></script> <script type="text/javascript" src="jqwidgets/jqxgrid.filter.js"></script> <script type="text/javascript" src="jqwidgets/jqxdata.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.pager.js"></script> <script type="text/javascript" src="jqwidgets/jqxgrid.aggregates.js"></script> <script type="text/javascript" src="jqwidgets/jqxgrid.edit.js"></script> <script type="text/javascript" src="jqwidgets/jqxgrid.filter.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/jqxcheckbox.js"></script> <script type="text/javascript" src="jqwidgets/jqxnumberinput.js"></script> <script type="text/javascript" src="jqwidgets/jqxdatetimeinput.js"></script> <script type="text/javascript" src="jqwidgets/globalization/jquery.global.js"></script> <script type="text/javascript" src="jqwidgets/jqxgrid.columnsresize.js"></script> <script type="text/javascript" src="jqwidgets/jqxdata.export.js"></script> <script type="text/javascript" src="jqwidgets/jqxgrid.export.js"></script> <script type="text/javascript" src="jqwidgets/jqxgrid.sort.js"></script> <script type="text/javascript" src="jqwidgets/jqxpanel.js"></script> <script type="text/javascript" src="jqwidgets/jqxgrid.storage.js"></script> <script type="text/javascript" src="jqwidgets/gettheme.js"></script> <script type="text/javascript" src="jqwidgets/jqxgrid.sort.js"></script> <script type="text/javascript" src="jqwidgets/jqxcalendar.js"></script> <script type="text/javascript" src="jqwidgets/jqxwindow.js"></script> <script type="text/javascript" src="jqwidgets/jqxtabs.js"></script><script type="text/javascript">$(document).ready(function () { $('.date-input').live('focus', function(){ $('.date-input').datepicker({dateFormat: 'yy-mm-dd'}); }); // prepare the data //var theme = 'energyblue'; var theme = getTheme(); var data = '<?php include("si_datasource.php");?>'; var source = { datatype: "json", datafields: [ { name: 'checked', type: 'bool'}, { name: 'si_id', type: 'number'}, { name: 'ref_no', type: 'string' }, { name: 'name', type: 'string' }, { name: 'customer_po_no', type: 'string' }, { name: 'status', type: 'string' } ], //id: 'shipment_id', //url: 'si_datasource.php' localdata: data }; var dataAdapter = new $.jqx.dataAdapter(source); var columnCheckBox = null; var updatingCheckState = false; // initialize jqxGrid $("#jqxgrid").jqxGrid( { width: 610, height:150, sortable: true, columnsresize: true, source: dataAdapter, showfilterrow: true, filterable: true, altrows: true, theme: theme, enabletooltips: true, selectionmode: 'none', editable: true, enablehover: false, columns: [ { text: ' ', datafield: 'checked', columntype: 'checkbox', width: 40, filterable:false }, { text: 'SHIPMENT ID', datafield: 'si_id', width:50, cellsformat: 'n', filterable: true, align:'center', editable:false}, { text: 'Serial No.', filterable:true, filtertype: 'textbox', datafield: 'ref_no', width:100, align:'center', editable:false}, { text: 'Account', filtertype: 'textbox', datafield: 'name', width:150, align:'center', editable:false }, { text: 'PO No.', filtertype: 'textbox', datafield: 'customer_po_no', filterable: true, filtercondition:'contains', width:100, cellsalign:'left', align:'center', editable:false}, { text: 'Shipment Status', filterable:true, filtertype: 'checkedlist', datafield: 'status', width:150, align:'center', editable:false} ] });
Do you see any error?
February 6, 2013 at 10:14 am in reply to: Grid checkedlist filter: display only certain items in checklist Grid checkedlist filter: display only certain items in checklist #14796Hi Peter,
Let say I want to have all 4 status (New, Open, Cancelled, Closed) in the checkedlist and once the page is loaded, only “New” and “Open” are checked.User can then uncheck “New” and “Open” and check on “Cancelled” and “Closed”. Or, they can check/uncheck whatever they want to display the desired result. I think the grid in the above link can’t do it, can it?
-
AuthorPosts
Viewing 3 posts - 1 through 3 (of 3 total)