Questions on Kendo UI for jQuery Forum

0 answers

173 views

Hello all,

I am working on MVC3 App and i would want to have a menu where items will come from sitemap file(I have multiple sitemap files and based on the user selection i have to pass appropriate sitemap to view). i have seen the menu demo in telerik website which says " how to get a menu from single sitemap". Can anyone tell me how i should proceed if i have multiple sitemaps for a single menu.

Appreciate the help

Thanks

Menu

asked on 19 Sep 2012

0 answers

58 views

$(document).on and kendDropTarget

Hi,

In jquery we can do something like that :

$(document).on('click', '.myClass', function () {

....
});

I want to do the same but for the kendo control, I'm doing this on a specific class.

I have this code in my javascript :

$('.myClass'.kendoDropTarget({
	drop: function (e) {
		...
	}
});

So my goal here is to do the line on code $(document).on and affect the kendoDropTarget event.

It is possible ???

General Discussions

asked on 19 Sep 2012

3 answers

256 views

problem with templating and MVVM

Hi,

Urgent Please,
I am evaluating Kendo UI for my company, so please answer it, very urgent please thanks.
Following is the simple example of my problem. I get json data using REST services.
Following is the summary for the problem -
After i ran sample, program display three text boxes, without any value and on editing value, I get the following error in the browser console window -
Uncaught TypeError: Cannot set property 'Name' of undefined

Following is sample code

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type = "text/javascript">
        // this is the structure of the data comes from server
        function Employee(Name, Age)
        {
            this.Name = Name;
            this.Age = Age;
        }
        $(document).ready(function ()
        {
            var em1 = new Employee("Daljit", 23);
            var em2 = new Employee("Manjit", 20);
            var em3 = new Employee("Joga", 25);
            var Department =
            {
                Name: "Question Name",
                Employees: new Array(em1, em2, em3)
            };
            var departmentVM = kendo.observable
					(
	                	Department
	                );
            var templateContent = $("#myTemplate").html();
            var template = kendo.template(templateContent);
            $("#daljitControls").append(template(departmentVM.Employees));
            kendo.bind($("#daljitControls"), departmentVM);
        });        
    </script>
    </head>
<body>
    <div id = "daljitControls"> 
            <input type="text" data-bind="value:Name" class="k-textbox" name="Name" /> 
    </div>
    <script type="text/x-kendo-template" id="myTemplate">
           # for (var i = 0; i < data.length; i++) { #
                # var employee = data[i]; #
                 <input data-bind="value: employee.Name" class="k-textbox"/> 
           # } # 
           </script>
</body>
</html>

Thanks,

Templates

answered on 19 Sep 2012

4 answers

231 views

[Solved] GridSettings in a Central Location

I would like to put the main Grid setup in a central location to be reused throughout the application.
What is the best way to do it?

eg something like:

@{

var settings = new MySettings(); //containing .Pageable() .Sortable() etc

settings .Name("KendoGrid")

settings .Columns(columns =>

{

columns.Bound(p => p.Description);

})

.Editable(editable => editable.Mode(GridEditMode.InLine))

.ToolBar(commands => commands.Create())

)

}

@Html.Kendo().Grid(settings).BindTo(Model).Render();

Grid

answered on 19 Sep 2012

2 answers

900 views

Read() without cache

I have a problem that when we datasource.read() it gets cached data and not up-to-date data from the server.
Of course it seems that it only does it in internet explorer... firefox works fine.

We send a query string with a random number to keep the request from getting cached data.

GridData = new kendo.data.DataSource({

transport: {

read: {

url: buildAsyncUrl('GetData'),

dataType: "json",

data: JSON.stringify(GridFilters)

}

},

......

});

function buildAsyncUrl(cont) {

return cont + '/?nocache=' + Math.random();

}

//whenever we need to refresh the grid we call:

GridData.read();

If you profile it it firefox:
1rst request:   ?nocache=0.36012812319771115
2nd request:   ?nocache=0.5465367197402407
3rd request:   ?nocache=0.5722005265817256

If you profile it in IE:
1rst request:   ?nocache=0.6602959470869887
2nd request:   ?nocache=0.6602959470869887
3rd request:   ?nocache=0.6602959470869887

How can I keep the datasource.read() from reusing the same value (url) it had when first called or initiated??
Or is there any "no cache" like option?

Data Source

answered on 19 Sep 2012

6 answers

367 views

Binding Kendo UI Grid to JSON RIA Service with Paging and Sorting

Team,
I'm looking for a way to override the parameter names passed to the service when calling read or even just overriding the read to be able to modify the url to change it to my liking. I would like to override the parameter so that instead of passing things like take=20 for page size, it would pass $take=20... Thanks!

Grid

answered on 19 Sep 2012

2 answers

280 views

chart rebind

which is the best way to rebind data for charts

from js and asp.net mvc extensions.

Documentation is not as deep as the older controls

Charts

answered on 19 Sep 2012

1 answer

94 views

Edit form columns

Hi,
I have a grid with connected to remote data-source which bound to 7 fields
I want to display only 5 columns when grid loads
But when i want to edit form pops i want to show the 7 columns

How can i config columns in grid that control what to be seen in grid and what to be seen in edit form

http://docs.kendoui.com/api/web/grid

Your feedback is appreciated

Best Regards
Wael

Grid

answered on 19 Sep 2012

3 answers

506 views

Legend Sort Order Issue

Hey Guys,

First, I want to say you guys did a great Job on Kendo UI, we are planing to upgrade from MVC extension to Kendo.
My issue is on the grouped line chart the legend is taking the default sort of the group data and showing as the attached image.
Is there a way to control the order on the legend?

<%= Html.Kendo().Chart<TestOrders>()
        .Name("Hl7Line")
        .Title("Number of NEW ORDERS PER HOUR BY MONTH - RUNNING TOTAL")
        .ChartArea(chartArea => chartArea.Background("transparent"))
        .Legend(legend => legend.Position(Kendo.Mvc.UI.ChartLegendPosition.Right))
        .DataSource(ds => ds
            .Read(read => read.Action("AJaxOrdersPerHourByMonth", "Dashboard"))
            .Group(group => group.Add(m => m.MonthName))
            .Sort(sort => sort.Add(m => m.Hour).Ascending())
        )
        .Series(series => series
            .Line(model => model.NumberOfOrders)
            .GroupNameTemplate("#= group.value #")
        )
        .CategoryAxis(axis => axis
            .Categories("12AM", "1AM", "2AM", "3AM", "4AM", "5AM", "6AM", "7AM", "8AM", "9AM", "10AM", "11AM", "12PM", "1PM", "2PM", "3PM", "4PM", "5PM", "6PM", "7PM", "8PM", "9PM", "10PM", "11PM")
            .Title("Hours of Day")
        )
        .ValueAxis(axis => axis
            .Numeric().Labels(labels => labels.Format("{0}"))
            .Title("Number of Orders")
        )
        .Tooltip(t => t.Visible(true).Format("{0}").Template("#=series.name# (#= value#)"))
        .Transitions(true)
    %>

Charts

answered on 19 Sep 2012

1 answer

299 views

Any way to change date background color?

Hi, I have a following scenario:

- for each day in month, I need calendar to indicate if a task is done or not done for that day
- I could use icons as a markers like in 'Customizing Templates' example, but calendar might look too cluttered
- I'd prefer to set date cell background color to green or red to indicate if task is done or not.

I did check the documentation, but couldn't find any direct way to do it. The template for dates in month view looks promising, but I don't have enough knowledge of that. So, could you help me with this problem? Is there a feasible way to change date cell background color, or should I use some alternative way?

Calendar

answered on 19 Sep 2012