Rectangle 27 0

Hey, thanks for all your answers. It turns out that my requirements were wrong. The infragistics grid does not want a pattern string to know which separators use, it uses the pattern string for decimals and such and then queries the current culture about the rest. So it is a non-issue. thanks anyway!

c# - Currency format string in asp.net - Stack Overflow

c# asp.net currency cultureinfo
Rectangle 27 0

We had this same problem when using the Infragistics grid because it didn't (still doesn't) support frozen columns. So we had two grids side-by-side that were made to look as one. The grid on the left didn't scroll horizontally but the grid on the right did. Poor man's frozen columns.

Anyway, we ended up just reaching into the visual tree and pulling out the ScrollViewer ourselves. Afterall, we knew it was there - it just wasn't exposed by the object model. You could use a similar approach if the WPF grid does not expose the ScrollViewer. Or you could subclass the grid and add the functionality you require to make this work.

Interested in hearing why you need to do this.

I have source for the WPF Toolkit DataGrid from Codeplex, so I might be able to find it and expose it (not my preferred method). I am stacking 2 grids to get the frozen pane effect (ala Excel).

Synchronizing scroll positions for 2 WPF DataGrids - Stack Overflow

wpf datagrid scroll
Rectangle 27 0

Just in case it could be useful for anyone. I found that, for some reason, every single object in the table created by the component has the attribute "position: relative". When you remove it, the table behaves as it should.

Thus I've written this code to remove this attribute. I copied and paste the name of the table created by Infragistics, so change it (or find a better way to get it ^^)

function removeRelativePosition(item) {
    var elt;
    if(item == '') {
        elt = document.getElementById('ctl00xmasterContentPlaceHolderxwPanReportsxuwGridReport_main');
    }
    else {
        elt = item;
    }

    //Call this function recursively on every child
    if(elt.childNodes !== undefined) {
        for(var i=0;i< elt.childNodes.length; i++) {
            removeRelativePosition(elt.childNodes[i]);
        }
    }
    //Then remove the attribute
    if(elt.style !== undefined) {
        elt.style.position = '';
    }
}

//Run this function when your page is ready
$(document).ready(function() {
    removeRelativePosition('');
});

Infragistics UltraWebGrid - ASP.Net - Grids position fixed and are not...

asp.net infragistics ultrawebgrid
Rectangle 27 0

There is no way to Freeze a column to the right if you want the others to scroll. If this functionality is critical to your app I would suggest investigating the third party Silverlight grid controls on the market e.g. Telerik, Infragistics etc

silverlight - Freeze Columns from right to left - Stack Overflow

silverlight silverlight-4.0 datagrid freeze
Rectangle 27 0

I am not sure but because the loader's request in asynchronous the infragistics grid files may have not been loaded yet. To see if this is the problem try adding the scripts without the loader like this for example :

<link href="~/Content/IG/css/themes/infragistics/infragistics.theme.css" rel="stylesheet"type="text/css" />
<link href="~/Content/IG/css/structure/infragistics.css" rel="stylesheet" type="text/css" 
<script src="~/Scripts/IG/js/infragistics.js" type="text/javascript"></script>

you also need the knockout-grid binding javascript files. give it a try it may work.

Another idea if you want to keep the loader would be to resolve a deferred object in the loader's callback when all infra files have loaded and return that deferred object from the activate method.

I thought that might be the case, but I have the loader running in app startup (shell.js) and I don't navigate to the view with the grid on it until I can see all the ig resources have been loaded. I can also navigate away from the view and then back to it and I get the same issue.

jquery - Infragistics Ignite UI grid with Hot Towel/Durandal SPA app -...

jquery knockout.js infragistics durandal hottowel
Rectangle 27 0

They have not given any method that can help but you can try out below code that works great.

Here first time igGrid load on DOM and second onwards load after calling igGridUpdate(), that wroks really great. I have used data from my application URL which gives me json data you pass directly data source.

$(document).ready(function() {
    var data  = "/orders/open_orders.json";
    igGridLoading(data);

  });


  function igGridUpdate()
  {


    $.ajax( {
     type : 'GET',
     url : '/orders/open_orders.json',
     dataType : 'json',
     success : function(data) {
          igGridLoading (data);
     },

  error: function(XMLHttpRequest, testStatus, errorThrown) {
     alert('Error!');
   }

   });
function igGridLoading(data)
  {
        $("#open_order_list").igGrid({
          columns: [
              { headerText: "Order ID", key: "id", dataType: "string", hidden:true },
              { headerText: "Order no", key: "order_number", dataType: "number" },
              { headerText: "Customer name", key: "customer_name", dataType: "string", align: "center" }, 
              { headerText: "Reseller name", key: "reseller_name", dataType: "string" },
              { headerText: "Created date", key: "created_at", dataType: "date" },
              { headerText: "Time", key: "created_time", dataType: "string" },
              { headerText: "Updated date", key: "updated_at", dataType: "date" },
              { headerText: "Time", key: "updated_time", dataType: "string" },
              { headerText: "Order status", key: "order_status_name", dataType: "string" },
              { headerText: "Updated by", key: "updated_by", dataType: "string" }
          ],
          dataSourceType: 'json',
          dataSourceUrl: "/orders/open_orders_grid",
          dataSource: data,
          primaryKey: "id",
          autoGenerateColumns: false,
          width: "900px",
          responseDataKey: "results",

              features: [
              {
                  name: "Tooltips",
                  style: Modernizr.touch ? "popover" : "tooltip",
                  visibility: "always"
              },
              {
                  name: 'Paging',
                  type: "local",
                  pageSize: 10
              },
              {
                  name: "Filtering",
                  type: "local",
                  mode: "advanced",
                  filterDialogContainment: "window"
              },
              {
                  name: "Resizing"
              },
              {
                  name: "Selection",
                  mode: 'row',
                  multipleSelection: true
              },
              {
                  name: "Sorting",
                  type: "local",
                  mode: "multi",
                  sortingDialogContainment: "window"
              },
              {
                  name: "Hiding"
              },
              {
                  name: "ColumnMoving",
                  columnMovingDialogContainment: "window"
              }
          ]
    });
  }

jquery - Reloading Infragistics grid - Stack Overflow

jquery infragistics ignite-ui iggrid
Rectangle 27 0

In my case the code in the windows constructor is redundant. Now all is working, seems like removing unnecessary assignement resolved an issue.

wpf - How to bind objects list to infragistics data grid? - Stack Over...

wpf datagrid mvvm binding infragistics
Rectangle 27 0

I looked high and low for "Infragistics grid nullable property" but didn't find anything until I searched for "Ignite UI grid nullable property". This works:

column.For( p => p.Role )
      .HeaderText( "Role" )
      .DataType( "object" )
      .FormatterFunction( "function(obj) { if (!obj) return 'None'; return obj.Description; }" );

c# - Nullable property in Infragistics Ignite UI grid - Stack Overflow

c# asp.net asp.net-mvc infragistics ignite-ui
Rectangle 27 0

The editors are not created until you do the first edit. You could use the editRowStarted event to attach your editors logic. They are obtainable using the editorForKey method.

editRowStarted: function (evt, ui) {
    var comboEditor = ui.owner.editorForKey("ProductDescription");
}

I created a small fiddle that assigns a data source for the combo on editRowStarted. It should work as a starting point for what you are trying to achieve.

infragistics - How to access another field/combo in the rowedittemplat...

infragistics ignite-ui
Rectangle 27 0

[...] dataKeyFields: "EmployeeNumber", //Is this how you set the dataKeys? [...]

Close enough. It's actually 'primaryKey' like so:

And for the second part I guess that's not obvious right away, however the row you get passed as an argument is the actual DOM TR element that is being selected and you can (as your current setup suggest) plainly pick the key form its cells like so:

var rowKey = $(ui.row.element).children().eq(0).text(); //may need to parse if int

Another approach I find more programmatic-friendly is to get the key straight from the data source (clearer to read and no need for parsing):

var rowKey = ui.owner.grid.dataSource.dataView()[ui.row.index].EmployeeNumber;

And here's a full API reference: http://help.infragistics.com/jQuery/2012.1/ui.iggridselection#events - from here you can dig into any grid / grid feature / data source API and events have sample snippets with all useful parameters listed.

P.S. If the intent is not to control the users' selection, consider using the '-ed' event as in 'rowSelectionChanged' - parameters available are identical. The difference is the '-ing' is fired mid-selection and it blocks the UI, which can result in a not very responsive app if you add some more heavy logic.

Also here's the selection API sample you may find useful.

Infragistics Jquery Grid primary key - Stack Overflow

jquery infragistics ignite-ui iggrid
Rectangle 27 0

In this case I suggest using Infragistics' templating engine in order to create a conditional template for your column. Some useful resources providing an overview of the Templating Engine and conditional row templates for the igGrid in particular may be found at:

In your particular scenario, you can try something similar to:

var ProperRightsTemplate = '{{if ${Division} == "Div1" }} <span> Some Value </span>';
        ProperRightsTemplate += '{{else}} <span> Some boring stuff </span> {{/if}}';

How do I get the correct answer here but the wrong one on Infragistics own support tickets? Thank you.

Infragistics Jquery Grid onLoad - Stack Overflow

jquery infragistics ignite-ui iggrid
Rectangle 27 0

In 12.1 and up there is a custom templating engine provided with the Ignite UI toolkit which eliminates the need to refer jQuery templating and the jQueryTemplating option has been deprecated since. This is also documented in the API docs.

Javascript error when filtering Infragistics jQuery grid control - Sta...

javascript infragistics ignite-ui iggrid
Rectangle 27 0

We too encountered such problems and for our better management of grid, we have shifted from .net or infragistics grid to jqgrid.

jquery - How to speed up scrolling through large tables? - Stack Overf...

jquery scroll
Rectangle 27 0

We too encountered such problems and for our better management of grid, we have shifted from .net or infragistics grid to jqgrid.

jquery - How to speed up scrolling through large tables? - Stack Overf...

jquery table scroll
Rectangle 27 0

UltraWebGrid is an ASP.NET data grid UI component developed by Infragistics.

'ultrawebgrid' tag wiki - Stack Overflow

ultrawebgrid
Rectangle 27 0

Very similar issue(s) and related reference links that may be helpful for any who also land here:

This one cracked it for me, changed my head to runat=server and magically the overflow and scrolling are working again. This is not a good practice, but a work-around. This is because

. The pages controls collection is created differently if the page has inline expressions. In a page without inline expressions, the first element in the controls collection is a Literal control that has all of the html between the top of the page and the first server control. When theres an inline expression, the first element in the controls collection is the first server control on the page (usually the element or the ).

The grid needs the literal with all that markup to figure out what doctype the grid has because it needs to render slightly differently depending if the page is in quirks mode or standards mode. One of the big differences is it adds a position:relative style to the scrolling area to prevent the problem with the rows spilling out of the grid.

The way to fix it is to move the inline code to the code behind. Use the Page.ClientScript.RegisterClientScriptBlock method to generate the javascript based on the Request.Params["expired"] value.

The grid uses relative positioning. Its containers should have position:relative as well so the grid does not stick out.

Infragistics UltraWebGrid - ASP.Net - Grids position fixed and are not...

asp.net infragistics ultrawebgrid
Rectangle 27 0

The issue is that JQuery in MVC 5 loads the script in the body of the html. This was stopping the control from loading properly because the scripts wasn't available at the time of load. comment out the render script for jquery and add it to the head section of the html.

<div class="container-fluid body-content">
    @RenderBody()
    <hr />
    <footer>
        <p>&copy; @DateTime.Now.Year - </p>
    </footer>
</div>

@*@Scripts.Render("~/bundles/jquery")*@
@Scripts.Render("~/bundles/bootstrap")
@RenderSection("scripts", required:=False)

asp.net mvc 4 - Infragistics Grid renders empty page - Stack Overflow

asp.net-mvc-4 infragistics ignite-ui iggrid
Rectangle 27 0

That's right, the grid has an option whether to use jQuery templating or not, which is turned off by default. it's called jQueryTemplating (true/false). It's off for performance reasons - the default rendering is significantly faster than jQuery's templating, but the latter allows for templating. Filtering on the other hand also uses the templating for styling some of the filtering areas, therefore this requires the tmpl.js to be loaded. It is part of jQuery, but we are still including it as part of the product. it only need to be included as a script reference in your example.

Thanks very much for noticing this. We will make sure this dependency is not present in the filtering code. Angel

Javascript error when filtering Infragistics jQuery grid control - Sta...

javascript infragistics ignite-ui iggrid
Rectangle 27 0

If you want to reload the whole grid you can always try using an UpdatePanel and setting the trigger to be the RowUpdated and RowAdded events; You just have to rebind the grid to the datasource from the event handler. I figure you can get that done with the client events and jQuery, but I've only tried this rebinding from the code behind.

jquery - Reloading Infragistics grid - Stack Overflow

jquery infragistics ignite-ui iggrid
Rectangle 27 0

I'm assuming that since you are using the DataSource directly that you don't want the actual columns in the grid, which might differ from the columns in the data source depending on how you have the grid set up.

The easiest way to go about this would probably be to call the data function off of the data source once you retrieve it from your other page. This function returns an array of objects that are the items in each row. Once you have that you can iterate over each of the items and query the individual property.

var ds = window.parent.$('#listingGrid').igGrid('option', 'dataSource');

$.each(ds.data(), function (i, item) {
    var itemProperty = item.Property;
    // ...
});

You'll need to make sure that the data is all loaded from the service first though or data will possibly return an empty array.

jsonp - how to select single column data in infragistics igniteui grid...

jsonp infragistics ignite-ui