javascript - Hiding igGrid rows -


Before I get out of my hair, I ask here what 'simple' thing is missing me is. I have a Infragistics igGrid where I have buttons for the user to hide some lines (filter) on the Infragistics forum I got this suggested code: 

  hide the function () {$ ( "# IgGrid"). IgGrid ("allrows") Each (function (index) {var id = $ (this) .attr ("colName"); a line with id & lt; 4 will be hidden if (id & lt; 4) {$ (this) .css ("Display", 'none');}});

Looks simple, but it does not work.

In Chrome debug, this is shown as 'a' tr (its an HTMLTableRowElement in IE) !! And there is a 'cell' attribute that is an HTMLCollection ==> What I really want! However, below I did not really try to get the value of a cell / column. 

  var aa = $ (this) .attr ("colName"); // undefined var bb = $ (this); Displays in the form of // e.fn.e.init in DDbugger [1] ???? Var cc = bb.cells [3]; // Uncaught TypeError: can not read the '3' property of the undefined var dd = bb.getRowIndex (); // Uncaught TypeError: Undefined a function var is not a = $ (this). Cells; // undefined var b = $ (this). Seals [3]; // Uncaught TypeError: Undefined var C = $ (this) property '3' can not be read. GetRowIndex (); // Uncaught TypeError: Undefined a function var d = $ (this) .attributes.getNamedItem ("colName") is not; // Uncaught TypeError: The properties of undefined var can not read 'getNamedItem' e = $ (this) .attributes.colName; // Uncaught TypeError: can not read the properties of 'undefined var f = $ (this)' colName '. GetNamedItem ("colName"); // Uncaught TypeError: Undefined one function var g = $ (this) is not. GetAttribute ("colName"); // Uncaught TypeError: Undefined is not a function

So what am I missing ??

Afterwards, find out, I'm having another problem. Obviously the condition to hide the rows above will not be a hardcode '4' In the external onclick function I set a variable that holds the condition value. However, in this igGrid function I see that my variable is out of the scope. How do I close my variable to the 'hide ()' function?

There is a difference between filtering and the hide filter will be removed from the cosine, hidden only the row invisible Will make. The easiest solution will be to apply a filter to the table. It can be easily linked to a button click handler, see JSFiddle link below.

Hidden

You can hide a row by setting it to the CSS display property 'None'; You can select all the rows using the following 

  // Exclude Headers and Footer Rows, Select All Rows Var GridRoctor = 'Table.UI- iggrid-table.ui-Widget-Content & gt; Groups & gt; Tr '; // Hiding a line while clicking on it (gridRowSelector). Click (function () {$ (this) .hide ();}); // Show all hidden rows $ (gridarau selector) Show ();

Filtering

You can filter the grid in two ways.

  1. Enable filtering on the grid, then use the dropdown in the column header to set your filter IgGrid ({features: [{name: "filtering", type: " Local ", Mode:" Advanced ", Filter Diagnosis:" Window "}]});

  2. Apply filter to manually grid View IGGrid filtering: 

      $ ('# grid'). IgGridFiltering ("filter", ([[field name: "age", xp: "30", cond: "mostly", logic: "OR"}])); To remove all filters, apply empty filter to the grid:  
      // Remove all filters $ ('#grid'). IgGridFiltering ("Filter", "");  
     
     I have created a JSFDial with hidden / unheard and filtering / unfilurring. 
     
     JSFiddle:

-

Comments

Post a Comment

Popular posts from this blog

sqlite3 - UPDATE a table from the SELECT of another one -

I have the first table article where some data is missing. In the table, articles_tmp I have a part of the missing data. So I want to update the articles. Where the path path is data in articles_tmp.path where the path is not zero . With SQLite , it does not work: update article SET path = (SELECT at.path FROM Articles_tmp as AS, WHERE at.article_id = a.id and a.asp, the text is in the form and not on. It has been transmitted) where the path is null MS Access Along with, it works fine: Update Articles Join the Inner Articles at articles_tmp articles.id = articles_tmp.id SETP articles.path = articles_tmp.path Can anyone help? Sin CE SQL Server Syntax, which I provided, was not working, here this solution With whom I have come. A little modification of your original query, but with my "correlation" suggestion added. There is a SQL Bella for this: Here is the code: update article SET path = (SELECT path from articles_tmp AS T WHERE t.id
Read more

c# - Showing a SelectedItem's Property -

So I have enabled a rightclick option for my DataGrid. I want to display the only chosen property but it is not behaving like what I would like it to display my name and additional. Public category Paymentinfo {public int PaymentNo {get; Set; } Public string date {get; Set; } Public Double Pay {get; Set; } Public Double Principle {get; Set; } Public Double Interest {get; Set; } Public Double Balance {Received; Set; }} Private Zero MenuItem_OnClick (Object Sender, RoutedEventArgs e) {MessageBox.Show (AmortGrid.SelectedItem.ToString ()); } I'm trying to apply it without using a View Module! If I place a breakpoint where the messagebox and the recipient place it on selected ITEM, then this property will display the payment. A date-payment-principle-interest-balance is the only value that needs payment. Was hoping that it would be something like this MessageBox.Show (AmortGrid.SelectedItem.PaymentNo.ToString ()); When you call ToString () So you get the class typ
Read more

javascript - Render HTML after each iteration in loop -

I'm trying to gradually increase the font size of text on a web page. The code works in my place, although the new HTML / CSS does not render after every iteration of the loop and when all this is done, then display only the text of 100 px size. To see the text as if it is slowly zooming, I need to do this JavaScript is down because it is being used from a different file here is what I have ... < Pre> & lt; P class = "game-title" style = "font-size: 50px" & gt; Test & lt; / P & gt; Function sleep (milliseconds) {var start = new date (). GetTime (); For (var i = 0; i & lt; 1e7; i ++) {if ((new date). GetTime () - start) & gt; Milliseconds {break; CSS ('font-size', 'parseInt ($ (' game-title '). CSS (' font-size ')) + 1 + "pixels"); } While (parasont ($ ('# text'). Css ('font-size')) & lt; = 100) {sleep (1000); IncreaseSize (); Using CSS: Use of jQuery (sample):
Read more