Questions on Kendo UI for jQuery Forum

0 answers

184 views

I have a form within a detail template on each grid row. I've got the field showing up in the detail template, and I can enter data. However, when I submit my changes on the grid, the object that is serialized does not have the information that was entered into the detail template form. Only the information entered into the 'proper' row is present.

Is there a way to easily serialize this detail template form data along with the rest of the row?

View:

@model List<KendoUITestEnvironment.Models.ItemModel>

@using Kendo.Mvc.UI

<script id="ItemDetails" type="text/kendo-tmpl">

    <table id="hazmatDetailsTable">

        <tr><td><b>Hazmat</b></td></tr>

        <tr>

            <td><label>Hazmat</label><input>#= HazmatClass #</input></td>

        </tr>

    </table>

</script>

@(Html.Kendo().Grid<KendoUITestEnvironment.Models.ItemModel>()

    .Name("QuoteItemGrid")

    .Columns(columns =>

    {

        columns.Bound(i => i.FreightClass).Width(50);

        columns.Bound(i => i.Length).Width(50);

        columns.Bound(i => i.Width).Width(50);

        columns.Bound(i => i.Height).Width(50);

        columns.Bound(i => i.DimensionUnitOfMeasure).Width(50);

        columns.Bound(i => i.QuantityValue).Width(50);

        columns.Bound(i => i.QuantityUnitOfMeasure).Width(50);

        columns.Bound(i => i.Weight).Width(50);

        columns.Bound(i => i.WeightUnitOfMeasure).Width(50);

        columns.Bound(i => i.NmfcCode).Width(50);

        columns.Bound(i => i.ItemDescription).Width(50);

        columns.Command(command => command.Destroy()).Width(110);

    })

    .ClientDetailTemplateId("ItemDetails")

    .ToolBar(toolbar =>

    {

        toolbar.Create();

        toolbar.Save();

    })

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

    .Pageable()

    .Sortable()

    .Scrollable()

    .DataSource(dataSource => dataSource

        .Ajax()

        .Batch(true)

        .ServerOperation(false)

        .Events(events => events.Error("QuoteItemGrid_ErrorHandler"))

        .Model(model =>

        {

            model.Id(i => i.ItemID);

            model.Field(i => i.FreightClass);

        })

        .Create(create => create.Action("CreateProducts", "Home"))

        .Read(read => read.Action("GetProducts", "Home"))

        .Update(update => update.Action("UpdateProducts", "Home"))

        .Destroy(destroy => destroy.Action("DeleteProducts", "Home"))

    )

)

Controller:

[AcceptVerbs(HttpVerbs.Post)]

public ActionResult CreateProducts([DataSourceRequest]DataSourceRequest request, [Bind(Prefix = "models")]IEnumerable<Models.ItemModel> itemsToAdd)

{

    Models.ShipmentModel shipmentModel = SessionModel;

    var results = new List<Models.ItemModel>();

    foreach (Models.ItemModel newItem in itemsToAdd)

    {

        if (shipmentModel.ItemModelList.Count > 0)

        {

            var nextID = (from i in shipmentModel.ItemModelList

                          select i.ItemID).Max() + 1;

            newItem.ItemID = nextID;

        }

        shipmentModel.ItemModelList.Add(newItem);

        results.Add(newItem);

    }

    return Json(results.ToDataSourceResult(request, ModelState));

}

Grid

asked on 05 Sep 2012

2 answers

290 views

Multiple Sliders Slide event

I have multiple sliders on one page, meant to update a Radial Gauge using mathematical equations happening in the background as each slider is changed. All is working well.

However, it's been requested that I use the "slide" event instead of "change" to be more visually appealing. I know how to use the "slide" event handler for a single slider, but now I need to use the values for multiple sliders upon each slider's "slide" event.

The problem is that using options.value appears to be one value behind when using multiple sliders, as opposed to when it happens. How can I grab the current values of all sliders INCLUDING the value of the one that's currently being changed? I can only seem to do one or the other, instead of both types of values.

This is what I'm currently using:

function get_sum_prod_2(e) {

arry_smpr = [0.285811679343038, 0.125446827004167, 0.216179632937688, 0.201202024564389, 0.211742022094242, 0.373720493554278, 0.148421270571020];

x = 0;

for(i = 0 ; i < 7 ; i++) {

x += $("#sldr_" + (i + 1)).data("kendoSlider").options.value * arry_smpr[i];

}

console.log(x);

}

Slider

answered on 05 Sep 2012

1 answer

185 views

Tooltip + Hyperlink

Hi,

we are using kendo Charts with Charts. Is it possible to create a tooltip with a hyperlink?

Thanks
best regards
rene

General Discussions

answered on 05 Sep 2012

0 answers

69 views

is kendo supports MVC 4

I have kendo trial version, i used kendo auto complete with mvc 3, it is working fine.

same thing i tried with mvc 4, it is not working and shows error loading page message.

Is kendo supports mvc 4 and can i include any extra js or any other files for mvc 4?

thanks
Uma

General Discussions

asked on 05 Sep 2012

1 answer

119 views

Empty Grid - Add New Record doesn't auto grow

All,

I am able to read, save, update, and delete my kendoGrid just fine. The issue I have is that on a new form, the line grid is of course empty, so when you click the 'Add New Record', the new row displays and you can enter in data just fine, but the row is only big enough for that one line and so, if there is a validation on a field, you cannot see it, since you're already at the bottom of the grid.

Then if you click 'Add New Record' again, the grid only displays enough room for the one line. You have to then scroll down to see the 1st line. I may be missing something here, but I would think the grid would auto-grow after each newly created record, but it doesn't.

Let's continue with the example above where I created 2 lines. When I save the form data, it gets saved to the db and so when that same form is opened, the grid shows both lines just fine. Now adding a new record again, will just push the 1st line down and only display a max of 2 lines in the grid. I guess this part is ok.

Is there a way so that when you have an empty grid and click the 'Add New Record' for the first time, there is enough room to display more than just 1 row of data so you can see the validations and so that when users continue to add a new record, they can see all the rows in the grid without having to scroll the grid one row at a time?

Thanks in advance!
K

Grid

answered on 05 Sep 2012

2 answers

159 views

How can i use multiple window control inside a tab strip

hi,

I am new to Kendo UI controls. i need to show the content as per my attached image, is window control is suitable for this case or how can i get this type of control, i need to create this app for mobile.

content is coming from web service.

thanks,
Uma

General Discussions

answered on 05 Sep 2012

2 answers

148 views

Small feature request: kendo.format support for array of values

I want to ask you to add support for this type of call to kendo.format:
kendo.format('{0} - {1}', [3, 5]);
Of course this is not useful if you have the parameters in seperate variables.
But it is useful if you get the format and the parameters from some external source and that delivers the parameters as an array.
It will be a small change in the kendo.format function. I have changed the first line to this:

var values = arguments;

if (arguments.length == 2 && isArray(arguments[1])) {

values = arguments[1];

values.unshift(undefined);

}

(Perhaps you have better ideas about the implementation, but this is the idea and works for me now)

Regards, Jaap

Globalization

answered on 05 Sep 2012

2 answers

395 views

Animation not working

i'm using window for show content, all is ok but animation not work.

My code:

$("#window").kendoWindow({
modal: true,
width: "250px",
height: "150px",
title: "Title",
actions: ["Refresh", "Maximize", "Close"]
});
$("#open").click(function () {
$("#window").data("kendoWindow").center().open();
});
$("#close").click(function () {
$("#window").data("kendoWindow").close();
});

What is wrong?
Window have default animation?
Thanks.

Window

answered on 05 Sep 2012

1 answer

160 views

setting viewmodel's object property

I have two separate js files. one contains a kendo observable object. when I set viewmodel's object property from another js file, the object is set but object's properties are still undefined.

<script type="text/javascript">
var previewModel = kendo.observable({
question: {}
});
kendo.bind($("#preview-question"), previewModel);
</script>
<div id="preview-question">
<div data-bind="text: question.QuestionText"></div>
</div>

another-js-file.js
previewModel.set("question", ko.toJSON(self.question()));

this code sets the question object but its properties still undefined.

MVVM

answered on 05 Sep 2012

0 answers

96 views

style in view

Hi im trying out KendoUi Mobile and need some help

I want to style a view with my own style (backgrounds etc.)
The app should load the different views from a database and each view may have its own backgrounds etc.
So what i want to do is :
<div data-role="view" data-layout="overview-layout" id="testview" data-title="testview title" style="
background:url('.$pageinfo['backgroundimage'].');
background-repeat:no-repeat;
-moz-background-size:100% 100%;
background-size:100% 100%;">

In this case i need the background image to fill the screen even if there is no content

It seems like when rendering my custom styling is not used at all.

Any solutions ?

Thanks alot guys.

Tom

General Discussions

asked on 05 Sep 2012