Questions on Kendo UI for jQuery Forum

0 answers

72 views

ClientTemplate using Ajax

I apologize for the double submissions

Grid

asked on 21 Aug 2012

8 answers

402 views

how to populate Kendo List View with an external file Template

i have template in an external file like this

BooksLibrary.htm

<ul id="vid">
    <li class="panel"><a href="http://demo.fabthemes.com/valor/video/bioshock/">
        <img width="150" height="200" src="../../BookImages/${BookImageName}" class="v-image wp-post-image"
            alt="46" title="46" /></a>
        <button id="ViewDetail" class="k-button" type="${Book_Id}">
            Have a Look</button>
    </li>
</ul>

and in my script file i want to load this template

var templateMarkup;
$(function () {

    $.get("../Templates/BooksLibrary.htm", function (data) {
        templateMarkup = kendo.template(data);
    });

    var dataSource = new kendo.data.DataSource({

        transport: {
            read: {
                type: "POST",
                url: "../Service/books.svc/AllBooks",
                contentType: "application/json; charset=utf-8",
                dataType: "json"

            }
        },

        schema: {

            parse: function (data) {
                return JSON.parse(data.d);
            }
        },
        pageSize: 10
    });

    $("#casing").kendoListView({
        dataSource: dataSource,
        template: templateMarkup
    });
});

but data is not populated.
please help me where i did wrong, if i place template not in external file List View easily bind but i want to load template from external file

ListView

answered on 21 Aug 2012

0 answers

100 views

Get UrlParameter Value for DataSourceRequest

Nevermind.

Grid

asked on 21 Aug 2012

0 answers

131 views

Declarative syntax for Grid

Does anyone know how to convert:

detailTemplate: kendo.template($("#template").html()),
detailInit: this.initializeDetail,

to declarative syntax?

Additionally, does anyone have a link to documentation that lists all the declarative data- attributes?

EDIT: Found this: http://demos.kendoui.com/web/mvvm/widgets.html

Thanks!

Jesse

Grid

asked on 21 Aug 2012

1 answer

1.0K+ views

How to get ipad screen size in javascript?

Hi,
I need to get dinamically the screen size of all mobile device from a webpage using javascript. I have tried this:

//get windows size
if (document.body && document.body.offsetWidth) {
 windowsWidth = document.body.offsetWidth;
 windowsHeight = document.body.offsetHeight;
}
if (document.compatMode=='CSS1Compat' &&
    document.documentElement &&
    document.documentElement.offsetWidth ) {
 windowsWidth = document.documentElement.offsetWidth;
 windowsHeight = document.documentElement.offsetHeight;
}
if (window.innerWidth && window.innerHeight) {
 windowsWidth = window.innerWidth;
 windowsHeight = window.innerHeight;
}

but on iPad I get these size: 980 x 1080 (not the real 768 x 1024).

Thanks Mauro

General Discussions

answered on 21 Aug 2012

0 answers

65 views

Grid vs. List View based on platform?

I am looking at using the KendoUI framework. How would one determine which way to go once a user navigates to your website?. Example would be have a seamless transition to the best interface for the end device.... to instigate a grid control for your "PC" users or a list view / mobile application for your mobile device users.

On the server side would it be correct to just look at the user agent and return the appropriate javascript/html/css that is targeted for the end environment? Or is there an API in KendoUI that you could call that would make that decision for you instead of manually checking the agent?

General Discussions

asked on 21 Aug 2012

1 answer

118 views

Turning off Selectable

I coded to call a ListView and I want to have it where I can either set the selectable attribute off or on depending on how I am using the view at the time. I find that once I call the KendoListView with selectable: true, it never turns off, even if I reload with the isSelectable set to false). Is there something I need to do to clear the previous setting?

Here is a sample of the code:

$("#content").empty();
$("#content").append(template);

if (isSelectable) {
$("#content").kendoListView({
dataSource: dataSource,
template: kendo.template($("#template").html()),
selectable: true,
change: function (e) {
alert("selected change event");
}
});
}
else {
$("#content").kendoListView({
dataSource: dataSource,
template: kendo.template($("#template").html()),
selectable: false
});
}

ListView

answered on 21 Aug 2012

2 answers

329 views

Schema Structure on DataSource with nested fields in MVVM

Hi,
In a scenario like this example here: http://jsfiddle.net/H4kNW/light/

How should the schema model be on my datasource when I want to use nested fields like this in my view model:

<input id="first" data-bind="value: Person.FirstName"/>
<input data-bind="value: Person.MiddleName"/>
<input data-bind="value: Person.LastName"/>

I tried:

var schemaModel = kendo.data.Model.define({

id: "Id",

fields: {

Id: { editable: false, type: "number" },

Person: {

FirstName: { editable: false, type: "string" },

MiddleName: { editable: true, type: "string" },

LastName: { editable: true, type: "string" }

}

});

But this did not work. Please advise of the correct way someone?

Much appreciated!

MVVM

answered on 21 Aug 2012

7 answers

455 views

Kendo UI MVC 4 Exception

I'm evaluating Kendo UI for a new MVC application and I'm having trouble getting started. I followed all the set-up directions listed the in documentation here:

http://docs.kendoui.com/getting-started/using-kendo-with/aspnet-mvc/introduction

but after putting the following on my home page

@Html.Kendo().AutoComplete()

.Name("from")

.DataTextField("Name")

.DataSource(source =>

source.Read(read =>

read.Action("Get", "Addresses")

).ServerFiltering(true))

I get:

System.NullReferenceException occurred
Message=Object reference not set to an instance of an object.
Source=Kendo.Mvc
StackTrace:
at Kendo.Mvc.UI.WidgetExtensions.GetUnobtrusiveValidationAttributes(IWidget instance)
at Kendo.Mvc.UI.Html.DropDownListHtmlBuilderBase.Build()
at Kendo.Mvc.UI.AutoComplete.WriteHtml(HtmlTextWriter writer)
at Kendo.Mvc.UI.WidgetBase.ToHtmlString()
at Kendo.Mvc.UI.Fluent.WidgetBuilderBase`2.ToHtmlString()
at System.Web.HttpUtility.HtmlEncode(Object value)
at System.Web.WebPages.WebPageExecutingBase.WriteTo(TextWriter writer, Object content)
at System.Web.WebPages.WebPageBase.Write(Object value)

General Discussions

answered on 21 Aug 2012

0 answers

106 views

Hirorical grid cell mouse over tool tip

Hi All,

Can you please help me on this.

telerik hierarchical grid row cell onmouseover tooltip values show in asp.net mvc3 telerik grid.
if i have first row have value1 this is the parent of 2 childs now i need to show tooltip ,if i mouseover the value1 tooltip will shows the child two values same like 3 levels.

Please help me anybody on this

Advanced thank you.

Regards,
Narasimha

Grid

asked on 21 Aug 2012