I have two html pages
default.htm With LoginView
Views/Home.htm With HomeView

in javascript when login is successfull In trying to navigate to HomeView with this sintax
app.navigate('Views/Home.htm');
and produce this url
http://localhost/Default.htm#ViewsHome.htm

that is incorrect and shows a blank page only

but if I navigate with a link
<a data-align="right" data-role="button" class="nav-button" href="Views/home.htm">Home page</a>
produce this url
http://localhost/Default.htm#HomeView

and shows all the markup.

I've tried all the url variations and still doesn't know what's happening please help me.

This code fails if the Guid is in uppercase:

 datasource.bind("change", function (e)
    {
        var element = datasource.get('90a11073-cbfe-4442-9330-9b94d83d53a2')
        ok(element);
        start();
    });

How can I make the id in the schema case insenstive?

Thanks,
Pedro

my sample xml is 

<id> 
  <r rn="1">
   <vw n="address" v="Mycomp" />
   <vw n="description" v="AdminOU" />
   <vw n="identifier" v="1" />
 </r>
 <r rn="2">
     <vw n="address" v="Mycomp" />
   <vw n="description" v="SASDesignOU" />
   <vw n="identifier" v="2" />
 </r>
 </id>

i have 3 columns in my grid , 
{
                type: 'xml',
                data: '/id/r/vw',
                model: {
                    id: 'rn',
                    fields: {
                        id:     '@rn',
                      address:   { field:    '@v'},
                      description: '@v',
      identifier  : '@v'
                        
                    }
                }
            }

since my <element> having duplicated in the <r> node, the output is coming as

address        description     identifire
---------         --------------     -----------
Mycomp       Mycomp         Mycomp

AdminOU       AdminOU       AdminOU
  1                    1                    1

like that is coming, but i need the grid row values should be [ mycomp, adimin ou, 1],  in <vw> element i have @n, based upon the attribute value can i load the grid as i wish.. can u please help me regarding this

Hi All,

Will kendo controls be supported in Metro UI? In our current project, we are going to use kendo controls in Metro UI. For sample purpose, I have created Metro UI with 3 kendo controls like kendo upload, kendo dropdown and kendo listview. But kendo controls are not properly rendering in Metro UI. For your reference, I am adding the screenshot of it. Immediate help would be appreciated.

Regards,
Partha.

I'm trying to create a drag/drop order-able list built on KendoUI and I am running into trouble determining the position of the draggable object in relation to other objects in the list

How would you determine the following:

• The Draggable's position relative to its container?
• The position of a DropTarget relative to the same container

Hello All,

I am working with the New Kendo UI Web Controls and so far they have been fairly easy to integrate into my existing application. I know Kendo UI is new and there are a bunch of things in the works but I was curious if there was a way to make a custom command.


My Grid Golumns are set up as follows

columns: [                        
                        { field: "subcatid", width: 90, title: "Subcatagory" },
                        { field: "title", width: 90, title: "Title" },
                        { field: "order", width: 90, title: "Order" },
                        { field: "author", width: 90, title: "author" },
                        { field: "lastupdate", width: 90, title: "Last Update" },
                        { field: "usecms", width: 90, title: "Use Update" },
                        { field: "alturl", width: 90, title: "Alt URL" },
                        { field: "active", width: 90, title: "Active" },                                    
                        { command: ["edit", "destroy", "View"], title: "&nbsp", width: 90 }
        ],

Doing this creates a new Button with the Commands called "View" I would like this button to redirect to a page when clicked. I am using the following bits of JQuery to call the function, however I would much rather add a class descriptor to this button that is unique to View Commands to replace the selector with $('.k-grid-view') Is there an easy way to do this?

$('td .k-button:last').live('click', function ()
{       
        var itemToView;
        var grid = $("#grid").data("kendoGrid");
        var gridData = grid._data;
        var uid = $(this).parent().parent().attr('data-uid');

        $(gridData).each(function () {
            var item = this;

            if (item.uid == uid.toString())
                itemToView = this;
        });

        window.location.replace(itemToView.view);
    });

ps view is not a column but exists in the model

Thanks

- Josh

Hi, 

I was trying to create data grid, One column is Dropdownlist.  I want  to pass the dynamic  datasource from the Model. where Model is List<object>  . But the ForeignKey cloumn accepts only SelectList as second parameter. But I want  to make this dynamic i.e model.

See Below)

Current Functionality :

  columns.ForeignKey(s => s.FaceId, SelectList)

I need like   columns.ForeignKey(s => s.FaceId, x => x.FacesList)

Please suggest me to achieve this  functionality.

Thanks
Reddy

Using Ajax as the data source for a KendoUI Grid on a MVC4 application.  I have no problem updating the data automatically every few seconds using "dataSource.read()".  Is it possible for that update to happen without the grid showing the "spinning" icon that indicates that it is fetching data?  I would like the updates to happen seemlessly.  (The grid is read only.)

I would appreciate any thoughts or to point me in the right direction.

Thanks,
Steve

Hi there...

I have a strongly typed partial view that utilizes attribute based validations on the view model properties. In addition to the data annotation validation I need to make an asynchronous call to the web server to validate some info on the fly. If the response is false (indicating an incorrect value) I just want to display the "validation bubble" that informs the user of an incorrect entry. The true/false value is coming back correctly from the server but it is not raising the validation bubble if false.

<div id="datatovalidate">
    <div class="float-left editor-label">
        @Html.LabelFor(model => model.ProductCode)
    </div>
    <div class="editor-field">
        @Html.TextBoxFor(model => model.ProductCode, new { @class = "k-textbox" })
    </div>
    <div class="clear"></div>
</div>

$('#datatovalidate').kendoValidator({
        rules: {
            InvalidProdCode: function (input) {
                var isValid = true;

                if (input.is('[id=ProductCode]')) {
                    $productCode.val($productCode.val().toUpperCase());

                    if ($isPidx.prop('checked')) {
                        $.post('@UrlMaker.ToValidateProductCode()' + $productCode.val(), function (data) {
                            isValid = data;
                        });
                    }
                }

                return isValid;
            }
        },
        messages: {
            InvalidProdCode: "Invalid Product Code"
        }
    });

I'm trying to use kendo mvvm to solve the following problem: I have 3 dropdown lists, and I need that the option selected in one dropdown doesn't appear in the other two.
I got that working, but if you start changing options in the dropdowns sometimes the displayed value in one of the dropdowns changes without any reason. For example, if I select "grapes" in the first dropdown, and then I start playing with the dropdown 2 (change it to mango, then apple, then mango and so on) the dropdown 1 display changes from "grapes" to something else (even though the value in the view model is still "grapes").

I prepared a jsbin with my code http://jsbin.com/ebuhaq/1/edit