am using jqgrid within my web app.now my record contains a checkbox followed by some string data. if the user checks some (say 5) checkboxes and then click on the table heading to sort, i lose track of all my checkboxes. this seems to be happening on all my grids.
View 1 RepliesI have a question for flexigrid jquery grid control users.
I am able to display json data returned from my WCF service in my Flexigrid in my application.
The paging toolbar displays correctly and it's clear that the paging toolbar understands how I've configured it.
However, the grid is not actually implementing the paging filter on the data in the grid. For example, the paging toolbar says "Displaying 1 to 10 of 12 items". However, all 12 items are displayed in the grid.
I guess I'm missing a config setting or callback. Any idea what the problem might be?
Here is my grid config block:
Here's my the code.
Now, the problem is. when i click the link. nothing happens. :| the way i want it to be is, when you click the link, the list shows. what's wrong with it?
I just started using JQuery and I have a lot of questions, but this is the most complicated one:
I'm trying to show a dialog using Jquery UI. The problem is that into my dialog I'd like to insert a (dynamic) grid using JQGrid. is this possible, or I should create a normal html table?
How exactly does the sizing of the grid work? I have a grid that I've tried to experiment with and it seems like no matter what setting I use, there is a vertical and a horizontal scrollbar. the only thing that changes is if it stretches to fill the its container div. How do I get it to fit within a specific width and also to not display scrollbars?
View 3 Replies View RelatedI have two grids, they both display buttons. One grid displays numbers, true or false and yes or no, and the other grid displays letters, true, false, yes and no.
The second grid is not displayed in the code (used css to not display second grid buttons (.answerBtns)) Now using the getButtons() function, if the user selects button "1" in first grid (the grid which you have to open using (Open Grid) link, then it should display button "A" in second grid, if user selects button "2" in first grid, then it should displays buttons "A" and "B" in second grid, if "3" then display "A", "B" and "C" and so on.
Now except using if statements and stating which buttons should be displayed and not displayed depending on the button chosen in first grid, is there a more efficent way of coding this so that the display of buttons in second grid depends on what is selected in the first grid?
If it is using an array can somebody show a sample of this in their answer. You can just do it for one example and then I should be able to use that to fill it for the other buttons.
I have tried many grid plugins, so this problem applies to many of them. I have this code, which is for returning the content of a row cell when clicked:
[Code]...
I want to create a 3x3 grid on the page. Each square needs to be the height and width of the page. I will then use jquery scroll.to to move the grid, dispalying a different square to the user.
Am I right in thinking that I wont be able use 100% width and 100% height in my CSS for the single box, since there are actually going to 8 squares that are off the page?
[URL]
I am guessing therefore that I should use javascript to take the window width and height, and then use this value to create each of the gridbox's. Is this the right way of doing it?
I was looking for JQuery Grid which will help me more than 1000 - 2000 records. I mainly need search and paging .
View 1 Replies View RelatedI want to put a button inside a grid column, I am using Struts jQuery Grid showcase
View 6 Replies View RelatedI'm trying to use jQuery to produce something similar to this flash example [url]although I'd like the effect to be somewhat more controlled.
In a nutshell, what I'm trying to achieve is a 3 x 4 grid of (12) images which appears to load in a random order and then 1 by 1 (again in random order) fade out to be replaced by another image. I'd like the effect to be quite subtle, smooth and calming with the timing between image fades to be fairly even.
All images would be pulled from a folder on my webserver. I don't want the same image to be visible more than once at any time, although I don't mind repeating images as long as they're not already in the grid - hopefully that makes sense?
Ideally I'd like only one image to be changing at any given time with a pause before the next image starts to fade into new image.
The way I've been trying to tackle this so far is to use 12 different instances of a jquery image fade laid out in a CSS grid.
There are a few problems with my approach so far;
Doesn't appear random
Timing - multiple squares change at same time. (I only want one image to change at a time)
Same image often repeated at same time within grid
Its not long before a pattern emerges and you can tell which image will change next.
I'm sure this must be possibly, but my math or scripting skills aren't quite there yet.
I currently have a standard .NET grid in my application and am considering a few options. I could replace the grid with divs so the current rows would be like posts in a forum. Or replace the .NET grid with the new jQurey grid, that way I would gain a whole lot of functionally!
My question is can a grid be modified so that the rows are about 11/2 inches tall and be formated to show several lines of text? I want them to show 2 business names, addresses and some details gotten from a form.
I need a TreeView which is inside the first column of a table. In theseconds (and more) columns there should be data about every "row" of the treeview.It is important that the data for each item is aligned under each other.
View 3 Replies View RelatedI allow my users to upload files to be imported into our database. These are usually csv or tab delimited files.I have a few customers that can't grasp the fact that the columns for the import need to be in a particular order, so for those customers, I have to manually import their files.I'd like to build a configuration screen for them to tell me what format their file is in so I can save the configuration and then import their files based on that configuration. That way, I won't have to manually import their files.I'd like something that would allow them to move columns in a table or grid to match their specific configuration.
My import process requires this configuration:Part Number,Alt P/N# or NSN P/N#,Condition Code,Quantity,Description.But several customers have files that are in this format:Part Number, Description, Quantity, NSN, Condition, Alt-Number, Manuf .I discard any unused columns, such as Manuf. (for this customer, we don't use NSN, we use Alt-Number for the Alt P/N# or NSN P/N#)I want to present them with a grid showing only the headers. Then each column should have a right and/or left arrow on them. When the arrow is clicked, that would increase/decrease the index of the column in the grid and it would move positions in the grid.Then I will take the column indexes and save them in a configuration for the customer's format to be remembered.
1)Need to display menu on right click of a data grid using Jquery,2)I need to disable or hide some of the menu items in certain rows,3)postback to the server with the selected row details
View 1 Replies View RelatedI've got an upcoming project involving a spreadsheet-like view onto data that will be accomplished using one of the available grid view plugins. According to [URL], the "state of the art," as it were, are the following:
jQuery plug-ins:
[URL](ThemeRoller-Ready!)
[URL]
[URL]
[URL]
[URL](was part of early versions of UI, got dropped)
[URL](Seems dead)
Any pros/cons to using any of them?
I'm trying to get a jLayout Grid to work in a jQuery UI tab set. I have 3 tabs, and each tab's content is a grid of images. The 1st tab lays itself out properly, but the other 2 tabs don't lay out properly and all the images wind up stacked on top of each other. I'm hoping to find a way for all 3 tabs to properly use the grid plugin and lay themselves out nicely. Here's what I have:
in my HTML doc:
<script src="jquery-1.6.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="ui/js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
<script src="jquery.sizes.min.js" type="text/javascript"></script>
<script src="jlayout.grid.min.js" type="text/javascript" ></script>
[Code].....
Again, the result of this is that the 1st tab (the 'default' tab at page load) has a grid in it that lays itself out properly, but the other tabs' grid layout is not laying out properly, and the result is that when you select tab 2 or tab 3, the images are all stacked on top of each other and not spaced out in a grid at all. Also, the tabs widget is not making room for these images so they're 'floating' down below the tabs widget (see attached image). Is there any way to get the tabs and the grid layouts to play well together
I've never worked with Ajax before but I've been reading up on it and done some basic tutorials and am comfortable with the concept of asynchronous communication and how everything works from a technical communication perspective. That being said I have no idea where to start on this project which seems like it should be fairly simple. 1. the browser will have a "working area" which is a rectangle of some decent size, there will be a toolbar of objects on the left hand side. This work area should be shown as a grid that the objects will be placed into.The size of this grid (basically the gridlines) will need to be generated automatically based on user input (also the size of the components/objects that will be dragged in and the size of the rectangle) if it is too large (say 500) i'd like a way to pan around and zoom in as well... 2. For simplicity say there are 2 components: Available, unavailable and an erase feature. 3. each object when dragged to the working area should create an object that has some properties (handled programatically from input elsewhere on a simple form) I will be placing these in a database server side. 4. I'd like to be able to drag across the grid to continuously add the selected object and I'd like to be able to click a button on the edge of the grid to fill in the entire row with the objects. From everything I've read on this it seems like this should be somewhat easy but again I don't know what framework to use to start. I'll be putting this in a drupal site and integrating it with a few modules if that makes a difference (i think that part of the programming will be separate from whatever specific implementation I use to get this Ajax part up though)
View 1 Replies View RelatedMy Page allows the following functionality...(ASP.NET)
1.When a userscrolls the gridview downwards fresh data is retrieved from a web service and appended to the grid.
2.Clicking the checkbox of a row selects the current row and creates a clone rowand appends it toa bottom grid.
The Problem:
The problem is that clicking the selected checkbox does not append it to the grid at the bottom. Now the funny part is that the data which is displayed in the initial load is appended to the bottom grid when checked but the fresh Data which is loaded is not appended to the bottom grid when checked.
I am creating a grid of thumbnails. When a user hovers over a thumbnail, the image enlarges. The *trick* is, I want the "active area" to only be the size of the thumbnail. That is, the thumbnails are 180x120, and when the mouse leaves that area, I want the large image to shrink back to normal size.
I have a working demo here:[url]
The way I accomplished this feels hacky though, and I's like to know if there's a simpler/more elegant way to accomplish it. The thumbs are an unordered list of images.
Here is my javascript:
In essence, I add an overlay div over each thumbnail which acts as the trigger to shrink the enlarged image. I thought I could use the parent <li>, as it doesn't appear to expand with the image (since I've set its size in my CSS) but that didn't work.
i`m having two kind of divs with different classes. Like:
<div class="test class1
">Class 1</div>
<div class="test class1
">Class 1</div>
<div class="test class2
">Class 2</div>
[Code]...
html Code:
Original
- html Code
[code]....
I have this source code (I get "data" via AJAX / JSON and it has the properties person.id and person.lastname).
[Code]...
I searched for sorting them in an alpabetical order. I saw solutions, fetching the whole data, but I am rendering the HTML ul list, so perhaps there are better ways to sort it? Or is it necessary, first to push all the li's to the ul? Isn't there a jQuery basic function for it?
I am setting wordpresscommunityand off course love using jquery.I have a peace of code that really should be fine according to jquery documentation.So my html part
<div id
="sortable
" class
[code]....
that is linked to google ajax jquery right and that is all working just fine. I have sortable interaction. So the problem is that I can not catch ANY event from it. Please take a look at it.
$(".sortable").sortable({
disabled: false,
axis: 'y',
[code]....
im learning jquery at the moment (and english ...*g*, no clue where i suck more...) and now ive got following problem: i make use of the jquery ui and there specially i use the sortable thingy...
so now the problem: im trying to sort some divs. after sorting i want to sort the order of the divs in a new way (simple from 0 - x).
[Code]...
Assuming a structure like:
<table><thead><tr>
<th>Sample</th>
</tr></thead>
<tbody><tr>
<td><ul><li>25
<ul><li>Some Name</li>
</ul></li></ul>
</td></tr>
</tbody>
</table>
How can I use textExtraction to sort based on whatever number is in that first LI element? I have tried various things, but just can't seem to get it.
//Various forms of the below... trying to find the right path to the element.
textExtractionCustom: { 0: function(o) { return $('li','ul.serversgs',o).html(); } }
textExtraction: { 0: function(o) { return $('li','ul.serversgs',o).html(); } }
// This from within my own function called by whatever column I'm sorting by (0 above).
return
node.childNodes[0
].childNodes[0
].innerHTML;
Am I wrong and I cannot do this, even though the sample above is directly from the Tablesorter site as an example of bypassing HTML markup inside the TDs?