Stack Overflow
Stack Overflow

Questions tagged [jqwidget]

jQWidgets is a jQuery based framework for building modern responsive web sites and mobile web applications that work on any web-connected device.

jQWidgets is a jQuery based framework for building modern responsive web sites and mobile web applications that work on any web-connected device. All widgets in the suite are built from scratch based on the jQWidgets Framework. The suite does not have any dependencies on the jQuery UI and is not a modified version of the jQuery UI toolkit.

It is built entirely on open standards and technologies like HTML5, CSS, Javascript and jQuery. jQWidgets enables responsive web development and helps you create apps and websites that look beautiful on desktops, tablets and smart phones.

jQWidgets contains more than 50 UI widgets.

jQWidgets is a feature complete framework with professional touch-enabled jQuery widgets, themes, input validation, drag & drop plug-ins, data adapters, built-in WAI-ARIA accessibility, internationalization and MVVM support.

jQWidgets has a dependency on the jQuery library.

243 questions
6
votes
2 answers

How can I check checkboxes and disabled in jqxTreeGrid

I am trying to make some of checkboxes checked and disabled in jqxTreeGrid in below code: $("#treegrid_portfolio").jqxTreeGrid( { source: dataAdapter, pageable: true, pagerMode: 'advanced', …
Developer
  • 876
  • 5
  • 18
  • 44
5
votes
2 answers

JavaScript frameworks comparison : ExtJS, JQWidgets, DHTMLX

I will develop a commercial web application based on PHP and MySQL database. Now, I'm guessing about the JavaScript framework. I find several interesting frameworks like ExtJS, JQWidgets or DHTMLX. Some of their components can be tested…
Sly
  • 2,105
  • 5
  • 22
  • 28
4
votes
1 answer

React use refs from parent to child

I am using the jqwidget for grid in react.js. I have JqxListBox having a list of option in my parent component. class ParentComponent extends React.Component { constructor(props) { super(props); } render() { return
truesource
  • 397
  • 3
  • 20
4
votes
1 answer

Upload Function with Python

I've been trying to use jqxUploadFiles but instead of php I need to use python. In a code like below; from flask import request from flask.ext.uploads import UploadSet, configure_uploads, ALL def upload_file(): files = UploadSet('files', ALL) …
Berk
  • 120
  • 9
4
votes
0 answers

date.js conflicting with the keith-wood calendar picker

Working example of the issue I have a application where I am trying to implement keith-wood calendar-picker for differenct calendars and I have also added date.js in my application. The problem is date.js and keith-wood together in the same file is…
Usama Rehan
  • 175
  • 4
  • 16
3
votes
0 answers

Lazy loading in jqxListBox

Can anyone help to implement lazy loading in jqxListBox? There is no built API for this. I have to display 10000 records in jqxListBox. Due to this huge dataset, the selection and remaining business logic become very slow. Thanks in advance.
Sumesh TG
  • 2,557
  • 2
  • 15
  • 29
3
votes
1 answer

Using jQWidgets in Aurelia

I'd like to use the jqxGrid widget in an Aurelia project, but I'm not sure how to adapt their example (below) to work in an Aurelia View/View-Model component. See it run here. This…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/aurelia" class="post-tag grid--cell" title="show questions tagged 'aurelia'" rel="tag">aurelia</a> <a href="../../questions/tagged/jqwidget" class="post-tag grid--cell" title="show questions tagged 'jqwidget'" rel="tag">jqwidget</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Feb 22 '17 at 05:34">asked Feb 22 '17 at 05:34</time> <a href="../../users/6567214/davidlav" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/6567214.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="davidlav" /> </a> <div class="s-user-card--info"> <a href="../../users/6567214/davidlav" class="s-user-card--link">davidlav</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">636</li> <li class="s-award-bling s-award-bling__silver" title="5 silver badges">5</li> <li class="s-award-bling s-award-bling__bronze" title="17 bronze badges">17</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-34555513"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>3</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/34555513/jqxtreegrid-disable-selecting-deselecting-of-a-row-if-i-click-a-particular-cel" class="question-hyperlink">jqxTreeGrid Disable selecting / deselecting of a row if I click a particular cell in that row</a></h3> <div class="excerpt">I am working on jqxTreeGrid. I have a row with four fields. Name, Org, Phone and Select Preference (This is a dropdown). Now when ever i click on a particular row / cell, it selects that row and i save the row data to a local array. My problem here…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> <a href="../../questions/tagged/jqgrid" class="post-tag grid--cell" title="show questions tagged 'jqgrid'" rel="tag">jqgrid</a> <a href="../../questions/tagged/jqwidget" class="post-tag grid--cell" title="show questions tagged 'jqwidget'" rel="tag">jqwidget</a> <a href="../../questions/tagged/jqxtreegrid" class="post-tag grid--cell" title="show questions tagged 'jqxtreegrid'" rel="tag">jqxtreegrid</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jan 01 '16 at 10:54">asked Jan 01 '16 at 10:54</time> <a href="../../users/4295983/yameen" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/4295983.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Yameen" /> </a> <div class="s-user-card--info"> <a href="../../users/4295983/yameen" class="s-user-card--link">Yameen</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">585</li> <li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li> <li class="s-award-bling s-award-bling__silver" title="6 silver badge">6</li> <li class="s-award-bling s-award-bling__bronze" title="17 bronze badge">17</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-33740666"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>3</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>2</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/33740666/how-to-make-a-cell-in-a-jqxgrid-dynamically-editable-depending-on-the-content-" class="question-hyperlink">How to make a cell in a jqxGrid dynamically editable depending on the content of the row</a></h3> <div class="excerpt">I am trying to make a cell in a jqxGrid editable depending on the value of another column in the row (with the name Editable). { text: "Percentage", datafield: "Percentage", columntype: 'numberinput', width: 100, cellsformat: 'p2', editable:…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> <a href="../../questions/tagged/jqxgrid" class="post-tag grid--cell" title="show questions tagged 'jqxgrid'" rel="tag">jqxgrid</a> <a href="../../questions/tagged/jqwidget" class="post-tag grid--cell" title="show questions tagged 'jqwidget'" rel="tag">jqwidget</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Nov 16 '15 at 16:59">asked Nov 16 '15 at 16:59</time> <a href="../../users/2298592/phn" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/2298592.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="phn" /> </a> <div class="s-user-card--info"> <a href="../../users/2298592/phn" class="s-user-card--link">phn</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">1,720</li> <li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li> <li class="s-award-bling s-award-bling__silver" title="14 silver badge">14</li> <li class="s-award-bling s-award-bling__bronze" title="10 bronze badge">10</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-30415157"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>3</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/30415157/jqwidgets-jqxgrid-no-data-to-display-json-parse-error" class="question-hyperlink">JQWidgets - Jqxgrid "no data to display", JSON Parse error</a></h3> <div class="excerpt">I follow the steps of this example(http://www.jqwidgets.com/jquery-widgets-documentation/documentation/java-integration/bind-jquery-grid-to-mysql-database-using-jsp.htm), but there’s no data to display. jqxgrid.jsp file: ResultSet result =…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/json" class="post-tag grid--cell" title="show questions tagged 'json'" rel="tag">json</a> <a href="../../questions/tagged/jsp" class="post-tag grid--cell" title="show questions tagged 'jsp'" rel="tag">jsp</a> <a href="../../questions/tagged/jqxgrid" class="post-tag grid--cell" title="show questions tagged 'jqxgrid'" rel="tag">jqxgrid</a> <a href="../../questions/tagged/jqwidget" class="post-tag grid--cell" title="show questions tagged 'jqwidget'" rel="tag">jqwidget</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked May 23 '15 at 16:42">asked May 23 '15 at 16:42</time> <a href="../../users/4925709/rebecca-chu" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/4925709.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Rebecca_chu" /> </a> <div class="s-user-card--info"> <a href="../../users/4925709/rebecca-chu" class="s-user-card--link">Rebecca_chu</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">71</li> <li class="s-award-bling s-award-bling__silver" title="1 silver badges">1</li> <li class="s-award-bling s-award-bling__bronze" title="7 bronze badges">7</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-23504167"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>3</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>3</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/23504167/jqwidgets-scroll-doesn-t-work-on-chrome-when-i-close-opened-window" class="question-hyperlink">JQwidgets scroll doesn't work on chrome when i close opened window</a></h3> <div class="excerpt">I use JQwidgets ,, I use to print data onclick print-button as code : $("#print").click(function () { var gridContent = $("#jqxgrid").jqxGrid('exportdata', 'html'); var newWindow = window.open('', '', 'width=800, height=500'), …</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> <a href="../../questions/tagged/css" class="post-tag grid--cell" title="show questions tagged 'css'" rel="tag">css</a> <a href="../../questions/tagged/google-chrome" class="post-tag grid--cell" title="show questions tagged 'google-chrome'" rel="tag">google-chrome</a> <a href="../../questions/tagged/jqwidget" class="post-tag grid--cell" title="show questions tagged 'jqwidget'" rel="tag">jqwidget</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked May 06 '14 at 20:23">asked May 06 '14 at 20:23</time> <a href="../../users/2226597/muath" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/2226597.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Muath" /> </a> <div class="s-user-card--info"> <a href="../../users/2226597/muath" class="s-user-card--link">Muath</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">4,351</li> <li class="s-award-bling s-award-bling__gold" title="12 gold badges">12</li> <li class="s-award-bling s-award-bling__silver" title="42 silver badges">42</li> <li class="s-award-bling s-award-bling__bronze" title="69 bronze badges">69</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-20875552"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>3</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status answered-accepted"> <strong>2</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/20875552/asp-net-mvc-model-binding-with-jqwidgets" class="question-hyperlink">Asp.Net MVC Model Binding with JQWidgets</a></h3> <div class="excerpt">When you want to create a DateTime picker control with JQWidgets, you must define a div element and then call a function like this using Javascript: $("#MyDivElementId").jqxDateTimeInput(). The problem is: I'm not able to figure out how I can use…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/asp.net-mvc" class="post-tag grid--cell" title="show questions tagged 'asp.net-mvc'" rel="tag">asp.net-mvc</a> <a href="../../questions/tagged/model-binding" class="post-tag grid--cell" title="show questions tagged 'model-binding'" rel="tag">model-binding</a> <a href="../../questions/tagged/jqwidget" class="post-tag grid--cell" title="show questions tagged 'jqwidget'" rel="tag">jqwidget</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jan 02 '14 at 02:43">asked Jan 02 '14 at 02:43</time> <a href="../../users/289887/samuel" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/289887.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Samuel" /> </a> <div class="s-user-card--info"> <a href="../../users/289887/samuel" class="s-user-card--link">Samuel</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">12,073</li> <li class="s-award-bling s-award-bling__gold" title="5 gold badges">5</li> <li class="s-award-bling s-award-bling__silver" title="49 silver badges">49</li> <li class="s-award-bling s-award-bling__bronze" title="71 bronze badges">71</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-59913000"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>2</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status answered-accepted"> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/59913000/how-to-check-what-angular-version-was-used" class="question-hyperlink">How to check what Angular version was used</a></h3> <div class="excerpt">After I've cloned JQWidget Github repository and installed the angular-fitnesstracker app with: git clone https://github.com/jqwidgets/jQWidgets.git cd ./jQWidgets/demos/Showcase/angular-fitnesstracker/ npm install ng serve I've got an example…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> <a href="../../questions/tagged/jqwidget" class="post-tag grid--cell" title="show questions tagged 'jqwidget'" rel="tag">jqwidget</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jan 25 '20 at 20:10">asked Jan 25 '20 at 20:10</time> <a href="../../users/1107049/alphanumeric" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1107049.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="alphanumeric" /> </a> <div class="s-user-card--info"> <a href="../../users/1107049/alphanumeric" class="s-user-card--link">alphanumeric</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">17,967</li> <li class="s-award-bling s-award-bling__gold" title="64 gold badges">64</li> <li class="s-award-bling s-award-bling__silver" title="244 silver badges">244</li> <li class="s-award-bling s-award-bling__bronze" title="392 bronze badges">392</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-58955635"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>2</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>0</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/58955635/document-is-not-defined-in-nuxtjs-on-integrating-jqxwidget" class="question-hyperlink">document is not defined in nuxtjs on integrating jqxwidget</a></h3> <div class="excerpt">I'm integrating jqxWidgets(https://www.jqwidgets.com/vue/) into my nuxtjs app. Here are the steps I did: installed jqwidgest npm install --save jqwidgets-scripts After I imported the jqxGrid on my page import JqxGrid from…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/vue.js" class="post-tag grid--cell" title="show questions tagged 'vue.js'" rel="tag">vue.js</a> <a href="../../questions/tagged/nuxt.js" class="post-tag grid--cell" title="show questions tagged 'nuxt.js'" rel="tag">nuxt.js</a> <a href="../../questions/tagged/jqwidget" class="post-tag grid--cell" title="show questions tagged 'jqwidget'" rel="tag">jqwidget</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Nov 20 '19 at 13:34">asked Nov 20 '19 at 13:34</time> <a href="../../users/2855503/user2855503" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/2855503.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="user2855503" /> </a> <div class="s-user-card--info"> <a href="../../users/2855503/user2855503" class="s-user-card--link">user2855503</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">31</li> <li class="s-award-bling s-award-bling__bronze" title="4 bronze badges">4</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-53899395"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>2</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status answered-accepted"> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/53899395/jqxtreegrid-rowclick-and-rowdoubleclick-vs-rowselect" class="question-hyperlink">jqxTreeGrid rowClick and rowDoubleClick vs rowSelect</a></h3> <div class="excerpt">Why would the rowDoubleClick or rowClick event return a more robust object than the rowSelect? For example rowDoubleClick $('#tree01').on('rowDoubleClick', function (event){ var args = event.args; var row = args.row; var…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> <a href="../../questions/tagged/jqwidget" class="post-tag grid--cell" title="show questions tagged 'jqwidget'" rel="tag">jqwidget</a> <a href="../../questions/tagged/jqxtreegrid" class="post-tag grid--cell" title="show questions tagged 'jqxtreegrid'" rel="tag">jqxtreegrid</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Dec 22 '18 at 21:24">asked Dec 22 '18 at 21:24</time> <a href="../../users/1570000/john-cappelletti" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1570000.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="John Cappelletti" /> </a> <div class="s-user-card--info"> <a href="../../users/1570000/john-cappelletti" class="s-user-card--link">John Cappelletti</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">79,615</li> <li class="s-award-bling s-award-bling__gold" title="7 gold badges">7</li> <li class="s-award-bling s-award-bling__silver" title="44 silver badges">44</li> <li class="s-award-bling s-award-bling__bronze" title="66 bronze badges">66</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="s-pagination pager fr"> <div class="s-pagination--item is-selected">1</div> <a class="s-pagination--item" href="../../questions/tagged/jqwidget_page=2" rel="" title="Go to page 2">2</a> <a class="s-pagination--item" href="../../questions/tagged/jqwidget_page=3" rel="" title="Go to page 3">3</a> <div class="s-pagination--item s-pagination--item__clear">…</div> <a class="s-pagination--item" href="../../questions/tagged/jqwidget_page=16" rel="" title="Go to page 16">16</a> <a class="s-pagination--item" href="../../questions/tagged/jqwidget_page=17" rel="" title="Go to page 17">17</a> <a class="s-pagination--item" href="../../questions/tagged/jqwidget_page=2" rel="next" title="Go to page 2"> Next</a> </div> </div> </div> </div> </div> <script src="../../static/js/stack-icons.js"></script> <script src="../../static/js/fromnow.js"></script> </body> </html>