[VladimirParticipant]

Hello Alastair,

You can read more about css selectors here.

element>element div > p Selects all <p> elements where the parent is a <div> element 2

Best Regards,
Vladimir

jQWidgets Team
http://www.jqwidgets.com

[VladimirParticipant]

Hello neha,

You can try to add filterable option to the checkedlist filter.

Here is a sample on how you can do it, this is a sample column note the createfilterwidget declaration:

                  { text: 'Product', filtertype: 'checkedlist', filteritems: ['Black Tea', 'Green Tea', 'Caffe Latte'], datafield: 'productname',
                      createfilterwidget: function (column, columnElement, widget) {
                          widget.jqxDropDownList('filterable', true);
                      }
                  }

Though it may not work correctly.
Other than that I don’t think there is another way to do it.

Best Regards,
Vladimir

jQWidgets team
http://www.jqwidgets.com/

[VladimirParticipant]

Hello Nishchaljain,

Can you please provide a sample of the JSON that your server returns, so I could test it.

Also note that the above code will only change the display format in the DropDownList. If you need to use it in another way by getting the selected value, keep in mind that it will still get the original date object.
So maybe tell me what are you trying to achieve and how you try to do it.

Best Regards,
Vladimir

jQWidgets team
http://www.jqwidgets.com/

[VladimirParticipant]

Hello Nishchaljain,

What do you mean by getting the dates in the same order? There is no code in the above snippets that would reorder the dates, so they should be listed in the order in which they were returned from your database. What should be changed is the display format only. (Also you may have posted the wrong cs file code, as this one reffers to GetAllDPChannels() and your code calls GetAllStartDates(), or maybe I just don’t understand how this works).

Additionally you could use the dataAdapter ajax functionality and just specify the url: parameter instead of doing a seperate get request. Here is a sample data binding to json.

Best Regards,
Vladimir

jQWidgets team
http://www.jqwidgets.com/

[VladimirParticipant]

Hello nageenap,

The problem is that your third element, has duplicate ID fields with the first element set, so the library throws an error when trying to create the element hierarchy. Your ID fields need to be unique as they are used to create the tree hierarchy.
Here is a fiddle with fixed id fields:

Best Regards,
Vladimir

jQWidgets Team
http://www.jqwidgets.com

[VladimirParticipant]

Hello Alastair,

How the panel works is it that it gets the divs in the order specified in the dom tree declaration (in the example in the order #first, #second, #third, #fourth) and tries to place them inside the panel at their specified position. If width is specified it will be used when docking is left or right, and will take the full height. If docking is top or bottom it will use the specified height, and take the full remaining width.

So what you want to do is add your side panel first with docking right and specified width. And then add the 3 horizontal divs one under the other (with docking top).

For example something like this:

                        $("#jqxDockPanel > div > div").css({ height: '60px', width: '100px'});
                        $('#first').attr('dock', 'right');
                        $('#first').width('60px');
                        $('#second').attr('dock', 'top');
                        $('#third').attr('dock', 'top');
                        $('#fourth').attr('dock', 'top');

Note that the order of applying the attributes is irrelevant. What matters is the order of the elements in the DOM.

Best Regards,
Vladimir

jQWidgets Team
http://www.jqwidgets.com

[VladimirParticipant]

Hello Jens,

1) Apart from the correct input variables, you are not sending any field data to the server, that’s probably why you get an ID response because you get an empty row (unless you have fixed it after posting), whereas in the update function you do send information. You can check the PHP CRUD documentation.
2) You can access the dataAdapter records with dataAdapter.records

Best Regards,
Vladimir

jQWidgets Team
http://www.jqwidgets.com

[VladimirParticipant]

Hello reva,

Your grid doesn’t work because you are not initilizing it properly. Also jqxGrid has no property called colModel.

To learn how to properly bind your grid to an array please take a look at this demo. We have a lot of demos and example for jqxGrid so be sure to check them out as well.

Best Regards,
Vladimir

jQWidgets Team
http://www.jqwidgets.com

[VladimirParticipant]

Hello Nishchaljain,

You should also add a format option for that date to be properly recognised.

{ name: ‘START_DATE’, type: ‘date’, format: ‘ddd MMM dd yyyy hh:mm:ss’ }

Possible Date format strings:

“d”-the day of the month;
“dd”-the day of the month;
“ddd”-the abbreviated name of the day of the week;
“dddd”- the full name of the day of the week;
“h”-the hour, using a 12-hour clock from 1 to 12;
“hh”-the hour, using a 12-hour clock from 01 to 12;
“H”-the hour, using a 24-hour clock from 0 to 23;
“HH”- the hour, using a 24-hour clock from 00 to 23;
“m”-the minute, from 0 through 59;
“mm”-the minutes,from 00 though59;
“M”- the month, from 1 through 12;
“MM”- the month, from 01 through 12;
“MMM”-the abbreviated name of the month;
“MMMM”-the full name of the month;
“s”-the second, from 0 through 59;
“ss”-the second, from 00 through 59;
“t”- the first character of the AM/PM designator;
“tt”-the AM/PM designator;
“y”- the year, from 0 to 99;
“yy”- the year, from 00 to 99;
“yyy”-the year, with a minimum of three digits;
“yyyy”-the year as a four-digit number;
“yyyyy”-the year as a four-digit number.

Here is a sample demo.

Best Regards,
Vladimir

jQWidgets team
http://www.jqwidgets.com/

[VladimirParticipant]

Hello Eric,

I think it really depends on what exactly and how you want to achieve.

One thing you can do is use the dataAdapter’s capabilities to add/edit/update information in your tree grid (similar to normal grid CRUD), here is a link to the document page.

If you really insist on submitting it as formData, since this isn’t really a form, you can bind to the form’s submit event and override with the data you need. Here are two topics that might be helpful to you. Topic1 and topic2.
You could also just use the submit event for a trigger on when to send a manual update with the data through an unrelated ajax request.

You can use the treeGrid’s getRows method to extract the information you need and append it to the request.

Best Regards,
Vladimir

jQWidgets team
http://www.jqwidgets.com/

[VladimirParticipant]

Hello Jens,

1) This is easy. The commit function is the 4th parameter, not the third. The correct function declaration should be:
addrow: function (rowid, rowdata, position, commit) {
2) Depending on when you want to update the chart data, you could try something like this:

function updateChart() {
    var gridData = $("#jqxGrid").jqxGrid('getRows'); 
    // you may need to modify the data that the grid returns, I haven't tried it.
    chartData = gridData;
    $('#jqxChart').jqxChart('update');
}
$("#jqxGrid").on('cellvaluechanged', updateChart);

This will bind to value change event of grid cells, though this only fires when the cell is edited from the grid, it will not fire if you edit it programatically. But then again if you do that, you can call the updateChart function manually.

Best Regards,
Vladimir

jQWidgets Team
http://www.jqwidgets.com

[VladimirParticipant]

Hello VanCleef

The specialDates parameter needs to be of type Array, and each element of the array must be a an object with the following fields: Date, Tooltip, Class
example:

   var date = new Date(2015, 10, 17);
    specialDates: [{Date: date, Class: "", Tooltip: "my tooltip"}],

Best Regards,
Vladimir

jQWidgets Team
http://www.jqwidgets.com

[VladimirParticipant]

Hello realtec,

You can add such behavior to dropdowns by editing the theme file you are using and adding a transition rule to the .jqx-listitem-state-hover-themeName class definition like the following:

    transition: background-color 0.1s ease;

However such trick will probably not work correctly for jqxGrid and possibly some of the other widgets, so try it on your own. You may need to inspect what classes are added on hover to the widgets you want such feature added, and this in itself could be a bit tricky.

Best Regards,
Vladimir

jQWidgets Team
http://www.jqwidgets.com

[VladimirParticipant]

Hello samratsaha2

I am not exactly sure what and why you are trying to achieve here, from what I see you are trying to mimic the AutoComplete demo, which is using geonames service. However some of the logic there is specifically written to handle that service’s specifics, and may not be needed in your case.

Please check this demo, something similar might be more useful to you.

Best Regards,
Vladimir

jQWidgets team
http://www.jqwidgets.com/

[VladimirParticipant]

Hello samratsaha2,

I see no reason for this code not to work assuming that:
1) The Response function is properly declared and is used correctly (I don’t know what it is since it is not in your code)
2) You haven’t copied from someplace (like the forum from a post not using the code block function) where the quotes are incorrect and you haven’t replaced them with normal quotes.

Generally syntax errors a just that, and if it is somewhere in your code, than it is probably your fault.
If it is somewhere in the library please provide a jseditor/jsfiddle example that demonstrates the issue.

Best Regards,
Vladimir

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts