Questions on Kendo UI for jQuery Forum

1 answer

112 views

Making android TabStrip at the bottom and NavBar at the top

Hi, I am making an app that I want to look very similar on both android and iphone and want to have TabStrip on the bottom and NavBar at the top for both. How would I go about doing this?

General Discussions

answered on 21 Jul 2012

4 answers

148 views

Remote views with Razor url structure

Hi,

I understand that the default navigation is hash navigation in a single page, and that remote views are pulled in via Ajax.

In Razor WebPages, you can define any seo-friendly url structure just by making sure file exists, and all extra parts of the url are passed in as parameters (eg. mysite.com/products/1/detail -> products.cshtml will accept this and have UrlData[0]="1" & UrlData[1]="detail").

I want to keep using this very handy url system combined with the mobile output of Kendo. So, I'm wondering how you handle the common scenario that a visitor browses to a direct url. As you don't include the Kendo styles & scripts in remote views, the visitor will only see unstyled html.

Thanks for any help!
o.

General Discussions

answered on 21 Jul 2012

3 answers

1.2K+ views

Updating Grid's datasource

well I must confess that im a little newbie using kendoui grid, I was trying to get data from REST service and put them on a globally var on js, so when the datasource change, I was trying to execute refresh method of grid just after I change manually the datasource and nothing happens, what im doing wrong?

here is my code attached

Any help will be appreciatted.

Thank you in advance

Grid

answered on 20 Jul 2012

4 answers

454 views

Custom toolbar command

Hello,

I'm trying to set up a custom toolbar command in an MVC grid. Is there an example of how to do this? I see the options in the type-ahead and set up my command like this:

commands.Custom().Text("Clear Filters").Name("clear-filters");

I'd like to be able to run some jquery logic when this button is clicked to clear out all the current filters for the grid. I've got the function written to clear the filters, I just don't know how to hook that up to the button to kick it off.

Thanks for the help!

Regards,
Brian

Grid

answered on 20 Jul 2012

0 answers

84 views

Add / Remove series

Hi all,

I would like to change series -there will be more than one series- visibility individually with an event (button or checkbox click). How can I achieve this?

TIA.

Charts

asked on 20 Jul 2012

0 answers

132 views

How do I specify schema for TreeView HierarchicalDataSource using HtmlHelper?

I want to specify model schema, for example to specify "children" property. How do I need to change following Razor code to specify that "children" are stored in "subentities" property?

    @(Html.Kendo().TreeView()
        .Name("treeview")
        .DataTextField("Name")
        .DataSource(dataSource => dataSource
            .Read(read => read
                .Action("Employees", "TreeView")
            )
        )
    )

Does TreeView support schema customization?

TreeView

asked on 20 Jul 2012

9 answers

248 views

So many nuances still: dates, footers, filtering, sorting - is it me?

This has been updated. I am an idiot and bad config was causing two of the four original issues I posted on. So the title also is not completely applicable either as the remaining two issues only have to do with the footer and sorting. I apologize!

These remaining issues have been experienced for a while now but I did not have time to focus on them. I was recently on 601 and confirmed still present for each and then recently upgraded to 621 (Q2 beta). And all same issues.

I am hoping Kendo Support could confirm if any of these issues are already known or not or any insights in stuff I can play with to get a different result or test. Also, it would be cool if any users can comment if they too have experienced any of this and any workarounds to try.

Current list of nuances:

Static footer. I saw someone reported an issue on this on grouped grids and that it was fixed in the beta but not true in this case. Basically as soon as the grid renders, the footer scrolls with the columns, as one scrolls to the right on a grid that has too many cols to display. The problem is as soon as you sneeze (sort, filter, refresh, pop up editor - anything), it reverts to the left and becomes static for the rest of its life - 100% of the time.
In same case as #2, when scrolled to the right, sorting or filtering a column now in view will cause the display to revert back to the left-most column/state. Very jarring and very annoying.
Again, related to above when the columns trigger scrolling, scroll to the right and filter on something that returns no results. Then you are reverted back to the left and no scroll bar! So you cannot scroll over to ever clear the filter. You must refresh.

Thanks!
Mike

Grid

answered on 20 Jul 2012

1 answer

290 views

MVC3, Custom Validation Rules && Ajax Call

Hello everyone,

I want to check the uniqueness of a username field in a popup edit screen. I feel like a custom validation rule is the way to go but I can not figure out how to accomplish this. It appears that JQuery is deprecating the async = false setting in 1.8 so I do not think this is a valid option.

Any Suggestions?

Validation

answered on 20 Jul 2012

1 answer

456 views

How do I display virtual model entities as grid fields?

Hi,

I am using MVC 4, reposistory pattern and EF 4.3, I am trying to display virtual objects that are in my models.

For example in a products model you may have:

public int ProductID {get;set;}
public string Title {get;set;}
public int CategoryID {get;set;}
public double Price {get;set;}
public bool Discontinued {get;set;}
public virtual Category Category {get;set;}

The the category model may be:

public int CategoryID {get;set;}
public string Name {get;set;}

So in my properties CRUD grid I want the user to see the Products.Category.Name rather than the Products.CategoryID.

I also want a dropdown for users to select the Category name from and this would update the products model with the CategoryID.

The problem I get when I reference Products.Category.Name is that the grid displays "UnDefined" in the category column.

Please can someone show me both the controller actions and the view as an example of how this should be achieved.

I am using Razor views.

Many thanks,

Andy

Grid

answered on 20 Jul 2012

2 answers

249 views

Sync remote datasource with switch

Hi there,

I'm new to kendo and just exploring the almighty MVVM. Since I guess I grasped the fundamentals I wanted go a bit further.
I set up a small environment which let's me query data from a remote database (a PHP-script). Binding this data to a kendo.observable works!

Now, in a detail view, I want to provide a switch, that changes the status of the corresponding record.
Here's the template of the detail view:

<div data-role="content">

<aside>

<p>Hello, I'm the Detail's page (Product)</p>

</aside>

<h2 data-bind="text: product.desc"></h2>

<p data-bind="text: product.price"></p>

<p data-bind="text: isChecked"></p>

<p>visible <input id="visibilitySlider" data-role="switch" data-bind="checked: isChecked" /></p>

</div>

When fetching the data the isChecked method is executed (which simply returns true or false, depending on the database value)

var productDetailModel = kendo.observable({

isChecked: function() {

var product = this.get('product');

if(typeof product != 'undefined')

{

return (product.status == 1)?true:false;

}

productDS.sync();

}

})

I though simply calling DS.sync() would synchronize the model data with the server data, but a test console.log() isnt't even called upon clicking the slider (which I thought reacts to the checked-binding)

Here are my model and the used DS

var Product = new kendo.data.Model.define({

id: 'id'

});

var productDS = kendo.data.DataSource.create({

transport: {

read: {

url: '/get.php',

dataType: 'jsonp',

data: {

type: 'products'

}

},

update: {

url: '/set.php',

type: 'POST'

}

},

schema: {

model: Product

},

requestStart: function() {

app.showLoading();

},

pageSize: 10

});

So my question is: How do I keep the data from the (hopefully correctly defined) Model in sync with the server data (everytime s.o. changes the slider)

Thx

MVVM

answered on 20 Jul 2012