Questions on Kendo UI for jQuery Forum

0 answers

86 views

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

146 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

259 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

297 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

469 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

257 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

1 answer

83 views

TreeView.treeviewFromNode breaks extensions

In the newest release (kendoui.complete.2012.2.710.commercial.zip), the following method breaks anyone whose extended TreeView:

function treeviewFromNode(node) {
return $(node).closest("[data-role=treeview]").data("kendoTreeView");
}

We have a "kendoTTreeView,"

TreeView

answered on 20 Jul 2012

1 answer

101 views

Listview not filling

I have a listview that was filling fine until I changed the template to include and <a href="jj"> tag. If I remove the href the listview fills. Is this a bug or is there a workaround?

Sample Code:

The following works and fills the listview as expected:

<script id="department_template" type="text/x-kendo-tmpl">
<li><a onclick="GetCategoriesFor('${Value}')">${Value}</a></li>
</script>

If however I add an href (this is the ONLY change made in the page) it fails to fill the listview

<script id="department_template" type="text/x-kendo-tmpl">
<li><a href="#categories" onclick="GetCategoriesFor('${Value}')">${Value}</a></li>
</script>

Templates

answered on 20 Jul 2012

1 answer

190 views

Passing headers while uploading

Trying to figure out a way to add headers to upload request. any help please?

Upload

answered on 20 Jul 2012

3 answers

155 views

Backbutton bottom Gap

Kendo UI mobile CSS v2012.2.710
tested on iPhone 4s IOS 5.1.1 and Chrome v19.0.1084.46 on Win7

There's always a gap at bottom, any solution?

Also, the input will be doubled on Android while on focus.

Demo: http://jsbin.com/ageruw/7

General Discussions

answered on 20 Jul 2012