I have a issue with the kendo datepicker, that is caused by the jquery.validate.*.js. I get a validation error when using DatePicker because it validates that date as if it was en-US (MM/dd/yyyy) and not nb-NO (dd.MM.yyyy) which it should be. So when I write the date of the day above 12 do I get a error that says ".. must be a date". When I remove the included library from Jquery does the datepicker work just fine, but then there's other functionality that doesn't work. Any suggestions on how I can solve this issue would be greatly appriciated.

I'm using .NET 3.5, MVC 4 and the DatePickerFor.

Hello,

When browser maximised, and parent-splitter-holder width is set to 100%, on loading the code recalculates it to 1901px when my screen is 1920px - leaving a large white gap on the right-edge of my screen.

If I manually resize the browser window it correctly recalculates and fills the entire width of the browser.

http://i41.tinypic.com/5lz6sz.png

Thanks,

Jared

Chrome 15 and FF + Win 7 

L.S.

Using the demo on

http://demos.kendoui.com/web/validator/index.html

How do I send the form data to the server (preferably as json, but anything goes.) I assume that the magic must happen in:

$("button").click(function() {
  if (validator.validate()) {
    status.text("Hooray! Your tickets has been booked!").addClass("valid");
    // right, so here we can save, post, the form data? But how?
    // something like save("http://address.to/server/path/","json","POST") ?
  } else {
    status.text("Oops! There is invalid data in the form.").addClass("invalid");
  }
});

kind regards, Koen

@foreach (var item in products) { 
               
<h3>
<a href="/ProductDetails/@item.productID">@item.title</a>
                </h3>
                <p>
                @Products.ShowProductThumbnail(item.productID.ToString())
            </p>
                <p class="price">
                    $@item.price
                </p>
                <p>
                    <a href="/ProductDetails/@item.productID" class="detailsButton">
                        More Details
                    </a>
                </p> 
        }

I have this code i want to display the above in a kendo ui grid

<script > $(function () { $("#grid").kendoGrid({ columns: [{ title: "Product Name" }, { title: "Product Image" }, { title: "Price" }, { title: "More Details" }], sortable: true }); }); </script>
Please help me 
Thanks in advance

Just like http://demos.kendoui.com/web/grid/index.html
It a perfect realization of a partial refrash
Who can tell me how can i do this?

Hi I am trying to reset the scroll position of a scroller I'm using within a modal each time that modal is opened so I am trying to figure out how to invoke the .reset function for the scroller. I initialized the scoller using the .kendoMobileScoller method.

I've attempted to set the scroller instance into a global variable like: scroller = $('#element').kendoMobileScroller(); and then later calling scroller.reset() when the modal is reopened.

When I do this I get the following error: Uncaught TypeError: Object [object Object] has no method 'reset'
Any tips as to what I am doing wrong?

Thank you,
Steven

Hi,

I am going to use a Kendo UI Grid, in an Persian .aspx web page, so I must use it in right-to-left format.
When placing the grid in the right-to-left page, the grid content (rows data) is shown correctly (in right-to-left format), but unfortunately, the grid header is still shown in left-to-right.

Now, the question is that: How can I align the Kendo UI grid header to right-to-left form?

Thanks.

I have a grid which is set up for master/detail rows.

One or two of the fields in the master row displays fields based on the sum of fields in the detail rows. This is all working nicely, but I need to be able to update the information displayed in the master row when the detail is changed.

I'd rather not resort to refreshing the entire grid when somebody adds or deletes a new details row.

I know I can grab the master row data using the detailInit event, but how can I update this data and make the grid display the new data?

Thanks

Hi,

I am using kendo ui tree view. I have designed the tree view with parent nodes loading from database. 
And i want a unique grid to each of the parent. How can i able to do that dynamically using kendo ui.

Please provide me a sample or an example 

Thanks and Regards,
Srinivas

Hi all,
I have problem while update listview. 2 parameter: CreateDate and LastUpdate are miss when send by POST or GET.

CardLevelIID	1
CardLevelName	Member
ConditionID	1
ConditionName	Khi mua đặt từ 5 bàn trở lên
CreateBy	1
Description	Only Member
DiscountPolicyID	1
Note	Chú ý chỉ áp dụng cho những thành viên VIP
RestaurantID	4
UpdateBy	2

Please let me know where is problem. Thank so much!

Model:
public partial class spGetCardPolicyByDiscountIDAndResID_Result
    {
        public short ConditionID { get; set; }
        public string ConditionName { get; set; }
        public string Note { get; set; }
        public System.DateTime CreateDate { get; set; }
        public long CreateBy { get; set; }
        public System.DateTime LastUpdate { get; set; }
        public long UpdateBy { get; set; }
        public long RestaurantID { get; set; }
        public int DiscountPolicyID { get; set; }
        public byte CardLevelIID { get; set; }
        public string CardLevelName { get; set; }
        public string Description { get; set; }
    }
Controller:
public ActionResult Update([DataSourceRequest] DataSourceRequest request, spGetCardPolicyByDiscountIDAndResID_Result card, string discountID, string restaurantID)
        {
            AccountSession accsession = (AccountSession)Session["UserTGNH"];
            bool success = ResCardDataAccess.GetInstance().Update(card, discountID, restaurantID, accsession.AccountID);
            if (success)
            {
                return Json(ModelState.ToDataSourceResult(), JsonRequestBehavior.AllowGet);
            }
            else return null;
}
View:
---Template
@model IEnumerable<TGNH.Models.spGetCardPolicyByDiscountIDAndResID_Result>
@{
    string[] parameter = ViewBag.Parameter;
}
<div class="k-toolbar k-grid-toolbar">
    <a class="k-button k-button-icontext k-add-button" href="#"><span class="k-icon k-add"></span>Add new record</a>
</div>


<script id="card-list-view-template" type="text/x-kendo-template">
    <div class="product-view">
            <dl>
                <dt>Card Name</dt>
                <dd>${CardLevelName}</dd>
                <dt>Description</dt>
                <dd>${Description}</dd>
                <dt>Condition</dt>
                <dd>${ConditionName}</dd>
                <dt>Note</dt>
                <dd>${Note}</dd>
            </dl>
            <div class="edit-buttons">
                <a class="k-button k-button-icontext k-edit-button" href="\\#"><span class="k-icon k-edit"></span>Edit</a>
                <a class="k-button k-button-icontext k-delete-button" href="\\#"><span class="k-icon k-delete"></span>Delete</a>
            </div>
        </div>
</script>


                    @(Html.Kendo().ListView<TGNH.Models.spGetCardPolicyByDiscountIDAndResID_Result>(Model)
                        .Name("cardlistView" + @parameter[0])
                        .TagName("div")
                        .ClientTemplateId("card-list-view-template")
                        .DataSource(dataSource => dataSource
                            .Model(model => model.Id("CardLevelIID"))
                            .PageSize(6)
                            .Create(create => create.Action("Create", "ResCard", new { discountID = @parameter[0], restaurantID = @parameter[1] }))
                            .Read(read => read.Action("GetCardPolicyByDiscountIDAndResID", "ResDiscountPolicy", new { discountID = @parameter[0], restaurantID = @parameter[1] }))
                                    .Update(update => update.Action("Update", "ResCard", new { discountID = @parameter[0], restaurantID = @parameter[1] }).Type(HttpVerbs.Post))
                            .Destroy(destroy => destroy.Action("Editing_Destroy", "ListView"))
                        )
                        .Editable()
                    )


<script>
    $(function () {
        var listView = $("#cardlistView").data("kendoListView");


        $(".k-add-button").click(function (e) {
            listView.add();
            e.preventDefault();
        });
    });
</script>
---EditorTemplate
@model TGNH.Models.spGetCardPolicyByDiscountIDAndResID_Result
<div class="product-view">
    <dl>
        <dt>Card Name</dt>
        <dd>
            @(Html.EditorFor(p=>p.CardLevelName))
            <span data-for="ProductName" class="k-invalid-msg"></span>
        </dd>
        <dt>Description</dt>
        <dd>
            @(Html.EditorFor(p=>p.Description))
            <span data-for="UnitPrice" class="k-invalid-msg"></span>
        </dd>
        <dt>Condition</dt>
        <dd>
            @(Html.EditorFor(p=>p.ConditionName))
            <span data-for="UnitsInStock" class="k-invalid-msg"></span>
        </dd>
        <dt>Note</dt>
        <dd>@(Html.EditorFor(p=>p.Note))</dd>
    </dl>
    <div class="edit-buttons">
        <a class="k-button k-button-icontext k-update-button" href="\\#"><span class="k-icon k-update"></span>Save</a>
        <a class="k-button k-button-icontext k-cancel-button" href="\\#"><span class="k-icon k-cancel"></span>Cancel</a>
    </div>
</div>