<transfered to UserVoice>

To get data from remote web-service for my grid I have to login and get sessionID.
Ok I can pass this sessionID 

The problem is that this  sessionID have rather short lifetime. In other words it can expire while a user work with my grid.
So I have to relogin sometimes(if web-servers tells me "session is expired").

Is there an elegant way to intercept such auth error from my server and resend failed call?

Are other people noticing this:

I have a Grid with         selectable:"multiple, row", and pageable set to true. When there are multiple pages, the selections that I made on page 1, will disapear (no longer be highlighted in blue) when I switch to page 2, and then back to page 1.

However, this is only a visual bug. calling .clearSelections()  or .select() with no parameters will still find all the ones that are selected.

In addition. Let's say that I have 300 rows, at 30 items per row. If do a:


then I see that 300 items were selected. But visually on the items on the page that is displaying will get the blue highlight. None of the other pages visually show that they are selected.

Hi,

Just sampling your UI and it seems to be just what I am after. I have tried as the first project to use a combo box. Firstly I got the box working using your example on my site, now I am trying to bind a JSON data source to it.

the box initializes OK, but the values are filled with "undefined".

The code used to start the box is as follows:

I have checked my datasournce with JSONLint to make sure its valid.

Hi,

I am trying to add a new row to a grid using the inline editor. One of the columns is a drop down list. I think it is setup properly. When the drop down list control loses focus, the cell reverts from the text value to the option value. How do you structure the drop down list to keep the text and not replace the cell with the value?


Any tips on why the drop down leaves the value behind and not the text much appreciated. 

I have used the following trick (which I saw in this forum) to create Kendo windows that have no <div id='xxxx'> in the HTML source. But it is not working for ListViews:

The dataBound function is never being called.

However, if I add  <div id="ColumnNames" style="visibility: hidden;"/> to the source HTML file, then the dataBound function is called and GridData.columnChooser (which is a kendoWindow) has it's contents filled in. But as you see I have to go and use jQuery to rip out the <DIV> from the DOM:


I can use http://handlebarsjs.com to do this sort of template generation of HTML, but I am looking for a KENDO only solution if possible.

If you are wondering why I want to completely dynamically created kendoList, the answer is that the the list is going to be placed in a kendoWindow that is also created on the fly and added to the DOM:


the content will be filled in later with:

Setting step for a NumericTextBox seems to only affect the behaviour of the spinners.
"Manual" user input is not validated, so the user can enter numerals that aren't multiples of the step value.
Neither does using a Kendo Validator work.

See this fiddle:

http://jsfiddle.net/Ns6sd/2/ 

In the kendo.grid.js I can see a line:

html += kendo.attr("title") + '="' + th.title.replace(/'/g, "\'") + '" '

Please look at replace part. It replaces apos with apos.
I think your intention was to handle quot.

Thanks.

 

 

Hi,

I am having a table with three columns Id,name and Bit
I want to display the names of the tabstrip from the name column which contains some names
and the i want to display the content also based on the bit filed the bit filed is a boolean value
i.e either true or false.If the bit filed is 0 i want to display some content and if the bit field is 1 i want
to display another content.And i am trying to do this entire process dynamically.

Is it possible using kendoUI,please provide me sample or examples

Thanks

 I have problem with de popup editable i have the next code is equals that example to kendo,but does not work:

<div id="example" class="k-content">
      <div id="grid">
      </div>
      <script type="text/javascript">
            $(document).ready(function () {
                  var crudServiceBaseUrl = "http://demos.kendoui.com/service",
                        dataSource = new kendo.data.DataSource({
                              transport: {
                                    read: {
                                          url: crudServiceBaseUrl + "/Products",
                                          dataType: "jsonp"
                                    },
                                    update: {
                                          url: crudServiceBaseUrl + "/Products/Update",
                                          dataType: "jsonp"
                                    },
                                    destroy: {
                                          url: crudServiceBaseUrl + "/Products/Destroy",
                                          dataType: "jsonp"
                                    },
                                    create: {
                                          url: crudServiceBaseUrl + "/Products/Create",
                                          dataType: "jsonp"
                                    },
                                    parameterMap: function (options, operation) {
                                          debugger;
                                          if (operation !== "read" && options.models) {
                                                return { models: kendo.stringify(options.models) };
                                          }
                                    }
                              },
                              batch: true,
                              pageSize: 30,
                              schema: {
                                    model: {
                                          id: "ProductID",
                                          fields: {
                                                ProductID: { editable: false, nullable: true },
                                                ProductName: { validation: { required: true} },
                                                UnitPrice: { type: "number", validation: { required: true, min: 1} },
                                                Discontinued: { type: "boolean" },
                                                UnitsInStock: { type: "number", validation: { min: 0, required: true} }
                                          }
                                    }
                              }
                        });


                  $("#grid").kendoGrid({
                        dataSource: dataSource,
                        pageable: true,
                        height: 400,
                        toolbar: ["create"],
                        columns: [
                            { field: "ProductName", title: "Product Name" },
                            { field: "UnitPrice", title: "Unit Price", format: "{0:c}", width: "150px" },
                            { field: "UnitsInStock", title: "Units In Stock", width: "150px" },
                            { field: "Discontinued", width: "100px" },
                            { command: ["edit", "destroy"], title: "&nbsp;", width: "210px"}],
                        editable: "popup"
                  });
            });
      </script>
</div>
look at the  image , the file attached, the popup does not work,