I have multiple divs with datarole "view". In the first view we want to authenticate a user and when valid the user have access to other views (tabs).

Authentication Tab:
    <div data-role="view" id="tabstrip-login" data-title="Login" data-layout="mobile-tabstrip-unauth">
        <ul data-role="listview" data-style="inset" id="lvLogin">
            <li>Username <input id="loginUsername" required /></li>
            <li>Password <input id="loginPassword" required /></li>
        </ul>
        <a data-role="button" onclick="login()" id="btnLogin">Login</a>
    </div>


Tab To show after authentication
    <div data-role="view" id="tabstrip-projects" data-title="Projects" data-init="listProjects" data-layout="mobile-tabstrip-auth">
        <ul data-style="inset" id="projectList"></ul>
    </div>

The validation wil take place in the login function:
        function login() {
//authenticate with a json call that sets a session
if (session){
//Show tabstrip-projects 
}
else
{
// show failed login message
}
        }

So the question is how to show a view or tab within a click event function.. I hope the question is clear.

Thanks,
Marco

I've got a very simple listview and I want to click on one of the items to be able to view a detail page of the item.  I've tried following the example in the Sushi and I've got the following code


I'm running this in a phonegap project under XCode.  The problem is when I run the project in the simulator, the system won't click on the detail page.  If I comment out the kendo.view.enhance, then I can click to the detail page but nothing happens (it's just a blank page).  Any help would be greatly appreciated.

Hello forum:
How can I add an unbound column to a grid? I want to add a column with a checkBox in each cell to select rows, but I don't want to add a boolean field to my model.
I want my users can select several rows of the grid and then click a button to delete them. 
How can I accomplish this?

Oscar.

Looking to combine panelbar and splitter functionality.  Basically need a panelbar (with its large, labelled separator areas) that the user can drag resize to revel more or less content of a given panel.

Any way to do this?

$("#grid").kendoGrid(
{
...
editable:
{
update: true,
mode:'popup'
}
...
}

thanks!!

If I have a treeview, menu and panelbar on the same page and pass the following command to the treeview:


then all of the nodes from all of the controls are removed.  Now, I know that I can be more specific with my selector and only select k-items from the treeview, but you'd think that it would make sense for the treeview to only remove items that it "owns".  I have not tested this with the other controls (menu, panelbar) to see if they also work this way when removing nodes.

Thanks,
Cuinn.

I have problem when add any new data in grid. Grid is not refresh after adding new  data.
here is the dummy  sample.
 xyz=data;
             var dataSource= new kendo.data.DataSource({
                  data: xyz,        
              schema: {
              model: {
                id: "id",
                fields: {
                    id:{type: "number"},
                   name:{type:"string'},
                   other fields here
                }
            }
          }
      });
            var abc= $("#abc").kendoGrid({
                        dataSource: dataSource,
                        scrollable: false,
                        cache: false,
                        //selectable:true,
                       columns: [{
                                field: "name",
                                title: " Name",
                                template:'#if(name=="pqr"){# <span id="Background"> #=name#</span>#}else{# <span id="Align">#=name# </span>#}#'
                            } ,
             other field here  ,it also have some condition as above
                        ], 
               })

there is one add button , when you click on that, data is added in xyz object.and refresh grid, but here grid is not refresh.[when i remove  template:'#if(name=="pqr"){# <span id="Background"> #=name#</span>#}else{# <span id="Align">#=name# </span>#}#' from grid  it works fine.]
 $(".add").click(function(){
               var getNewData =  {};
                 getNewData .name=document.getElementById("name").innerHTML;
                 xyz.push(getNewData );
                  $("#abc").data("kendoGrid").refresh();       
           })

Please help me
thanks in advance

I am using the TabStrip control in an ASP.NET user control to create a set of tabs for a Search/View/Report scenario.  Each action has a separate tab.  On the first tab is a set of search criteria, on the second tab is a grid with the results and on the third tab is a list of reports.  The problem that I am having is that after I search all three tab container controls appear momentarily and then disappear after the javascript is called to render the tabstrip.  Does anyone know a way to not make this information momentarily appear on the screen before the tabstrip is rendered?  Is there some client side event that is fired when the rendering is completed that I could hook into?  Any other thoughts?

I'm writing this post to ask if these things are already planned or if it would be easy to have them implemented.

1. Flexibility as to decide if when you append an item to a treeview it should expand the group or not.
   Right now the default value is true.
   When you try to create a load on-demand tree we should need the flexibility to set the items to be collapsed when we append them (if they have children items) so we can make use of the expand event to fill them with their children.
2. Some kind of animation for the splitters when you collapse/expand them?
   Even nowadays there are people not used to the web environment, and if the collapsible pane just hides instantly (or almost) they will first think 'Where did my *whatever* went!?' so having some kind of easing they would see where did it go.
   
   

Well I leave these 2 open right now, I think this could be used by people to ask if things are already implemented or easy to implement (of course if it is not then they will have to use the uservoice, but we can know before sending them to the uservoice if it is something already planned)