jQWidgets Forums
Forum Replies Created
-
Author
-
March 22, 2013 at 9:00 am in reply to: Drawing line between two div Drawing line between two div #17709
Hi danielt,
Unfortunately, you cannot draw a line between div elements using the jqxDragDrop plug-in.
Best Wishes,
MariyajQWidgets Team
http://www.jqwidgets.comMarch 22, 2013 at 8:52 am in reply to: Elements windows do not close Elements windows do not close #17707Hi GabrieleMartino,
In order to destroy elements from the jqxWindow, you can use the close event combined with the destroy method. In the following example, you can specify the event and the method for your needs.
$('#window2').on('close', function (event) { //Some code here });
Best Wishes,
MariyajQWidgets Team
http://www.jqwidgets.comHi dlowery,
In order to clear the current value in the jqxMaskedInput you can use the clearValue method. Please take a look at the following example in which the method is used with a button(you can use it separately too):
<!DOCTYPE html><html lang="en"><head> <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" /> <script type="text/javascript" src="../../scripts/gettheme.js"></script> <script type="text/javascript" src="../../scripts/jquery-1.9.0.min.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxmaskedinput.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript"> $(document).ready(function () { var theme = getDemoTheme(); // Create jqxMaskedInputs $("#numericInput").jqxMaskedInput({ width: '250px', height: '25px', theme: theme }); // add clear button. $("#clearButton").jqxButton({ theme: theme }); // clear all values when the button is clicked. $("#clearButton").click(function () { $("#numericInput").jqxMaskedInput('clearValue'); }); }); </script></head><body class='default'> <div id='jqxWidget' style="font-size: 13px; font-family: Verdana; float: left;"> <div style='margin-top: 10px;'> Numeric</div> <div style='margin-top: 3px;' id='numericInput'> </div> <input style="margin-top: 10px;" type="button" id="clearButton" value="Clear Values" /> </div></body></html>
Best Wishes,
MariyajQWidgets Team
http://www.jqwidgets.comHi duncanmeech,
Unfortunately, you cannot have different editors in one grid column.
Best Wishes,
MariyajQWidgets Team
http://www.jqwidgets.comHi cleotilde,
We support the following browsers: http://www.jqwidgets.com/jquery-widgets-documentation/documentation/introduction/introduction.htm.
In addition the jqxGrid works on any operating systems, which uses them.Best Wishes,
MariyajQWidgets Team
http://www.jqwidgets.comMarch 15, 2013 at 10:53 am in reply to: jqxDateTimeInput Backspace Default value jqxDateTimeInput Backspace Default value #17136Hi taraman,
We are sorry for the inconvenience, but can not reset the year with the backspace in jqxDateTimeInput.
Best Wishes,
MariyajQWidgets Team
http://www.jqwidgets.comMarch 14, 2013 at 9:59 am in reply to: comboBox with multiple value using JSON comboBox with multiple value using JSON #17065Hi Kamran,
Unforchantly you can not select multiple values using jqxComboBox when the checkboxes property is set to false. Multiple selection is possible when the checkboxes property is set to true and the jqxCheckBox is included. To select multiple items please take a look at the following example:
<!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> <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" /> <script type="text/javascript" src="../../scripts/jquery-1.9.0.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/jqxlistbox.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxcombobox.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxcheckbox.js"></script></head><body> <div id='content'> <script type="text/javascript"> $(document).ready(function () { var url = "customers.txt"; // prepare the data var source = { datatype: "json", datafields: [ { name: 'CompanyName' }, { name: 'ContactName' } ], id: 'id', url: url, async: false }; var dataAdapter = new $.jqx.dataAdapter(source); // Create a jqxComboBox $("#jqxComboBox").jqxComboBox({ checkboxes: true, source: dataAdapter, displayMember: "ContactName", valueMember: "CompanyName", width: 200, height: 25 }); $("#jqxComboBox").jqxComboBox('checkIndex', 0); $("#jqxComboBox").jqxComboBox('checkIndex', 3); $("#jqxComboBox").jqxComboBox('checkIndex', 4); }); </script> <div> <div style='float: left;' id='jqxComboBox'> </div> <div style="float: left; margin-left: 20px; font-size: 13px; font-family: Verdana;"> <div id="selectionlog"></div> <div style='max-width: 300px; margin-top: 20px;' id="checkedItemsLog"></div> </div> </div> </div></body></html>
Best Wishes,
MariyajQWidgets Team
http://www.jqwidgets.comHi ymluria,
In order to move items in the jqxTree , please take a look at the demo and especially the drag and drop section at: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxtree/index.htm#demos/jqxtree/dragdrop.htm
Best Wishes,
MariyajQWidgets Team
http://www.jqwidgets.comHi ryan paul,
In order to set the time and date separately you can use the formatString property and the setDate method afterwards.Here is an example:
<!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> <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" /> <script type="text/javascript" src="../../scripts/gettheme.js"></script> <script type="text/javascript" src="../../scripts/jquery-1.9.0.min.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxdatetimeinput.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxcalendar.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxtooltip.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/jqxlistbox.js"></script> <script type="text/javascript" src="../../jqwidgets/jqxdropdownlist.js"></script> <script type="text/javascript" src="../../jqwidgets/globalization/jquery.global.js"></script></head><body> <div id='content'> <script type="text/javascript"> $(document).ready(function () { // create a jqxDateTimeInput. $("#jqxDateTimeInput").jqxDateTimeInput({ width: '300px', height: '25px', formatString: 'HH:mm' }); $('#jqxDateTimeInput').jqxDateTimeInput('setDate', new Date(2013, 6, 5, 12, 10, 00, 00)); }); </script> <div id='jqxDateTimeInput'> </div> <br /> </div></body></html>
Best Wishes,
MariyajQWidgets Team
http://www.jqwidgets.comHi alex,
The feature is still not supported.
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.comMarch 1, 2013 at 5:04 pm in reply to: Setting theme for all widgets globally Setting theme for all widgets globally #16220Hi gediminas,
To set a theme to a widget, you need to set its theme property to the theme’s name and include the required CSS file. If you load widgets dynamically, make sure that you set their theme property.
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.comHi Alex,
There is still no way to set null value.
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.comMarch 1, 2013 at 3:42 pm in reply to: Reply To: String maximum length Reply To: String maximum length #16216Hi,
You may use the \”initeditor\” callback of the editable column and set the maxlength attribute of the editor, if it is a textbox:
http://www.w3schools.com/tags/att_input_maxlength.aspBest Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.comHi basumrinmoy,
It depends on you which part of the content you will hide and then show. You may look at the implementation of our Menu samples as an example.
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.comHi Alex,
There is still no such feature.
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.com -
AuthorPosts