Flexigrid is awesome but does anyone know if it supports a right click event on a row?
First time I've seen that plugin - very nice, although maybe a bit too rich for me. I use dataTables
I don't see why you wouldn't be able to add your own click handler to the row. After all they are just standard <tr>/<td>
I don't think it does but you I think jgrid I think does... I really got to switch to that ;^ )
Related
I am using the Kendo scheduler, at the moment using their own mock data, it's working mainly, but the table that it's supposed to represent the days and such, it's all shifted to the left, compressed in the same column. Here is a screenshot of how it looks.
Do you have any idea why is this happening?
At the moment, I have the mark-up
<div id="scheduler"></div>
to which I apply .kendoScheduler().
Thank you.
I got to a solution regarding this.
Apparently the problem was the jQuery version. In my instance, I have been using jQuery v2.2.0 and it produced the problem that I mentioned.
When I switched to jQuery v1.12.0 for example, everything worked fine.
Hope that it helps somebody.
I'm trying to move the dropdown that DataTables uses to determine how many rows to display. One way I thought of was to use jQuery's prependTo()/appendTo() functions, but it feels a bit too hack-y. I tried searching through the DataTables API to see if there was some native way of doing it, but I couldn't find anything. I was wondering if there was a better way to do this.
This is basically what I'm trying to do: http://jsfiddle.net/jbZG7/
$("#tableID").dataTable();
$("#tableID_length").prependTo("#new-div-id");
Thanks!
I created a custom dataTables widget which combined jQuery UI Dialog with DataTables. I too needed to move dataTable controls to custom locations, which could not be accomplished with sDOM very much in the same way you need to.
When looking for a solutions I was concerned about .appendTo/.prependTo being too hacky, but as it turns out .appendTo/.prependTo are the best solutions I have found.
$('tableID').dataTable({
fnInitComplete : function( oSettings, json ){
$("#tableID_length").detach().prependTo("#new-div-id");
}
});
Updated jsFiddle
fnInitComplete
Open the dataTables.js file. Look inside and see if you can find anything related to paging. I did a CTRL+F and typed pagination. You want to look for information on where the pager is drawn.
Also...using firebug to set breakpoints in the dataTables.js file might be a big help too.
I have been to one of the major problem in Dojo Enhanced grid for days. What i am trying to do is to disable default onApplyCellEdit event in spacebar press and act as normal spacebar as in text editor. Right now, spacebar press triggers onApplyCellEdit in first and onRowClick in second. I have researched it for days and also found some answers but those all didn't helped me.
Any solutions would be great help.
Thank You..
I solved it somehow, but i don't know whether it is appropriate way or not. There seems no service/way dojo have provided to change their enhancedgrid default behavior. Therefore, i directly did some modification in their library file (_FocusManager) and solved this problem. It has been tested and seems to be working fine till now.
On a call to show() or hide() the animation always plays twice for me. It is much easier to understand here.
A second related problem is that the animation for hide will play even if the object is already hidden (choose the first option from the drop-down and then choose the second option).
I think the problem is that you've got that setup script inside the dialog <div>. Move that code down to the script at the bottom of the page and it should work better.
There's still the problem that it calls "hide" unnecessarily when the target box is already hidden, but that should be pretty easy to fix.
Well, I don't know if I save it correctly on JS Bin but here it goes:
http://jsbin.com/umira4/19/edit
I hope this is what you were looking for :)
Take a look at .toggle( showOrHide ), http://api.jquery.com/toggle/
This will handle it for you automatically.
As Aaron said, there are some functions in jQuery that will take care of toggling the display of the inputs for you automatically. I think the one you are looking for is slideToggle().
Not exactly sure what the issue is, but when you clean up your JS into a separate file and use the slideToggle method it seems to work fine.
Here is what worked for me: http://jsbin.com/umira4/20/edit
I'm looking for a "tree of checkboxes" widget for Javascript. I tried to use jquery-checktree which purports to do exactly what I want, however it has the following problems:
It doesn't recognize checkboxes that are already checked and renders everything as unchecked.
It starts off with everything collapsed and doesn't give an option to start with everything uncollapsed
Each line of my tree starts indented from the line above, even if they are <li> in the same <ul>.
Can anybody recommend one that works, or fixes for this one?
You could try the YUI TreeView. They have an example with checkboxes. It might not be ideal for all uses, but it's pretty good.
ExtJS 3.x has one. I have not used it, but it looks nice. Not sure if you're willing to add ExtJS to your stack...
Another option is jstree which is based on jquery also.
I ended up making a few fixes to jquery-checktree and using it. Some of the changes are probably broadly applicable and I emailed them to the developer, and others are probably only useful to my project.