Questions on Kendo UI for jQuery Forum

0 answers

169 views

Hello,
I have a Kendo Grid that is grouped. The groups are sorted by default in ASC order using the value of the Group column specified. Is there a way to arrange the groups in a different order (a different column)? In my case i have an extra column in my datasource called Group Order of type int, i've tryied using Sort() by that column and it does not work.

My other alternative was to group by the Group Order instead and change the ClientGroupHeaderTemplate to use my original group name in the header, but apparently the only value i can stick in the ClientGroupHeaderTemplate is #=value# which display the value of the group order (not name) or aggregate values.

Any ideas how to accomplish this?

Thanks in advance

Grid

asked on 05 Sep 2012

4 answers

249 views

Kendo IDE Roadmap?

Hi,

Has Telerik/Kendo plans to develop their own IDE? A Wakanda-like IDE would be very welcome!

Thanks for the info in advance,

Greetings

General Discussions

answered on 05 Sep 2012

2 answers

167 views

source for AutoComplete in Editable ListView

Hi ALL,

I am using http://demos.kendoui.com/web/listview/editing.html - Instead of plain textinput I am using AutoComplete. How do I specify the source of the AutoComplete. I do not want return list of Options for AutoComplete along with model from server with each and every model object.

Please help

Muhammed Shakir
mslearningandconsulting.com

ListView

answered on 05 Sep 2012

0 answers

195 views

Kendo UI MVC multiple groupings in a single line on a grid

I would like to know how complicated is to grouping everything is just one line.

Let's say

.Group(g => g.Add(c => c.GradeCode)) 
.Group(g => g.Add(c => c.SizeLength)) 
.Group(g => g.Add(c => c.SizeWidth)) 
.Group(g => g.Add(c => c.SizeThick))

Would be instead of having Grouping in (GradeCode > SizeLength > SizeWidth > SizeThick) depth 4, just having a grouping of depth 1 ((GradeCode AND SizeLength AND SizeWidth AND SizeThick) >)

Grid

asked on 05 Sep 2012

0 answers

80 views

Popup editing wrong label

Popup dialog has wrong label when inserting new records
Please check kendo popup editing example.
Same issue when using MVC wrapper classes...

Grid

asked on 05 Sep 2012

0 answers

121 views

Back button on Android using ios look

Hi
Forcing "ios look" makes the back button not work properly. It looks like it goes back 1 in history (according to bottom tab),
but the corresponding view is not updated.

Any fix?

Thanks

Tom

General Discussions

asked on 05 Sep 2012

2 answers

191 views

[Solved] MooTools?

I see the KendoUI is jQuery based. I love jQuery, but I am working with Joomla and some Joomla tools (Gantry) that use MooTools.

I would hate to have to include both MooTools and jQuery in the same project.

Any plans for KendoUI to have a MooTools implementation?

General Discussions

answered on 05 Sep 2012

3 answers

318 views

[Solved] Unable to set Navbar title

Hi,

I have a listview that when an item is clicked an overlay view is displayed. When the overlay is shown I want to be able to change the Navbar title. However this is not working when I use the code listed in the documentation.

The HTML code I have for the overlay is:

<div data-role="view" data-title="View Title" id="fav-list" data-transition="overlay:up">

<header data-role="header">

<div id="fav-list-navbar" data-role="navbar">

<a class="nav-button" data-align="left" href="#my-favourites" data-transition="overlay:up reverse" data-role="backbutton" >Back</a>

<span data-role="view-title"></span>

</div>

</header>

</div>

and the javascript that relates to the listview and the changing of the navbar title:

function mobileListViewHeadersInit() {

$("#myfavlist").kendoMobileListView({

dataSource: kendo.data.DataSource.create({data: jsonObj, group: "letter" }),

template: $("#myfavlistTemplate").html(),

headerTemplate: "${value}",

fixedHeaders: true,

click: function(e) {

try {

$(

"#fav-list-navbar

"

).data("kendoMobileNavBar").title("Foo");

}

catch(ee)

{

alert("Error: " + ee.message);

}

window.location = "#fav-list";

//alert(e.dataItem.name);

}

});

}

The error message i receive when this is run is:

'undefined' is not an object.

However if I use jquery to look up any of the elements, they are accessable

Not sure what to try next.....

Chris

NavBar

answered on 05 Sep 2012

2 answers

339 views

Fetch does not update the data object??? Purpose?

Hi All,

I am attempting to use Fetch in a change event for a combobox to update another combobox. Read works fine for the 2nd combobox's collection but when using fetch the data object for the second datasource does NOT update.

$("#comboOne").width(180).kendoComboBox({
        autoBind: false,
        dataTextField: "Name",
        dataValueField: "Id",
        dataSource: dsComboOne,
        change: function (e) {
            //dsComboTwo.read();
            dsComboTwo.fetch(function () {
                if (dsComboOne.total() == 0) {
                    //do stuff to DOM
                } else {
                    //do different stuff to DOM
                }
            });

            $("#comboTwo").data("kendoComboBox").value(null);
            $("#comboTwo").data("kendoComboBox").enable(true);
        }
    });

So calling dsComboTwo.read() works as expected. Calling dsComboTwo.fetch() does not actually update the dsComboTwo.data object. When i run a watch and break in the callback i can see the dsComboTwo.data is the same as the previous/initial call.

Is there some other way to do this? Callback on the datasource i am missing? The success: callback in the DS also does not seem to work. No error.. just does not fire. Same with the change: . Can someone clarify this with an example? I've seen variations of this question elsewhere.

Data Source

answered on 05 Sep 2012

0 answers

200 views

Form in detail template not serializing

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