Questions on Kendo UI for jQuery Forum

0 answers

96 views

Documentation error: .Sorting() -> .Sortable()

On page http://docs.kendoui.com/api/wrappers/aspnet-mvc/Kendo.Mvc.UI.Fluent/GridSortSettingsBuilder, the API docs refer to the a .Sorting() method. The correct name of the method is Sortable().

Grid

asked on 26 Jul 2012

0 answers

118 views

Batch Editing a Grid

Hi,

I have services already developed to update, delete and add information. So I need know how can I discover the updated rows to implement myself a batch update. How can I do that ?

Thanks in advance

Grid

asked on 26 Jul 2012

1 answer

120 views

Copy excel cells to grid

Hi:

Is it possible to copy cells from excel back to the editable grid cells?

Thanks

Grid

answered on 26 Jul 2012

0 answers

377 views

Grid's k-grid-content div renders twice

The entire grid doesn't render twice. Just the content div. Also, the second content div contains an ajax loader that never goes away (See attached image).

Not sure what I'm doing incorrectly. I've tried removing the grid from the Panel Bar, but it hasn't made any difference yet.

I'm not sure if it's a library thing or some configuration issue. I had typed everything in plain jQuery, and that worked, but I have recently switched over to this format because I found it easier to write.

Info:
Kendo UI Version: kendoui.web.2012.2.710
Browser: Firefox - v15.0
OS: Windows 7
jQuery: Same version packaged with Kendo UI download

Thanks in advance!

@model Company.Domain.MVC.Models.ShipmentModel

@using Kendo.Mvc.UI

@{

Layout = "~/Views/Shared/_StandardLayout.cshtml";

ViewBag.Title = "Home";

}

<script type="text/javascript">

function QuoteItemGrid_ErrorHandler(e) {

if (e.errors) {

var message = "Errors:\n";

$.each(e.errors, function (key, value) {

if ('errors' in value) {

$.each(value.errors, function () {

message += this + "\n";

});

}

});

alert(message);

}

</script>

<div id="ShipmentForm">

@(Html.Kendo().PanelBar()

.Name("panelBar")

.ExpandMode(PanelBarExpandMode.Single)

.HtmlAttributes(new { style = "width:100%" })

.Items(panelBar =>

{

panelBar.Add().Text("Shipment Items")

.Expanded(true)

.Content(@<div>

@(Html.Kendo().Grid<Company.Domain.MVC.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);

})

.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))

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

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

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

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

)

</div>);

panelBar.Add().Text("Services")

.Content(@<div>Services here</div>);

panelBar.Add().Text("Address Information")

.Content(@<div style="margin-left:1%;">

HTML omitted for brevity

</div>);

panelBar.Add().Text("Miscellaneous")

.Content(@<div>

HTML omitted for brevity

</div>);

})

)

</div>

Grid

asked on 26 Jul 2012

0 answers

358 views

open Detail Template for the selected Row

Migrating from Telerik to Kendo Grid, Now Im having a problem auto-opening the detail template for the selected row within a grid...

See the following...

<script type="text/javascript">
function products_onRowSelect(e) {
collapseAll(e);
var grid = $("#Products").data("kendoGrid"),
row = grid.tbody.find(">tr.k-master-row k-state-selected");
if (row.has(".k-collapse").length) {
grid.collapseRow(row);
} else {
grid.expandRow(row);
}
}
function collapseAll(e) {
var grid = $("#Products").data("kendoGrid");
var allMasterRows = grid.tbody.find('>tr.k-master-row');
//Loop through each row, if a row has a detail row following it then collapse that master row
for (var i = 0; i < allMasterRows.length; i++)
{
if (allMasterRows.eq(i).next('tr.k-detail-row').length > 0)
{
grid.collapseRow(allMasterRows.eq(i));
}
}
}
</script>

Runs without error, collapse all works fine, but the expand never happens... Breakpoint hits just fine, but the row doesnt expand through code, it does however if I click the expand icon within the grid, just the jScript function doesnt do it.. Any ideas?

Grid

asked on 26 Jul 2012

1 answer

587 views

Disable date tooltips/titles

When hovering over a date in the kendo calendar, a tooltip appears showing the full date. The calendar generates the following HTML:

<td><a class="k-link" href="#" data-value="2012/7/14" title="Tuesday, August 14, 2012">14</a></td>

If I use a template, it gets inserted inside the anchor link which is still subject to the tooltip/title. Here's the code generated using a template:

<td class=""><a class="k-link" href="#" data-value="2012/6/10" title="Tuesday, July 10, 2012">

<div title="" class="selectedDate">10</div>

</a></td>

I've tried to override the title by setting it to "" in my template but the browser just uses the outer title instead.

How can I disable the tooltip?

Calendar

answered on 26 Jul 2012

2 answers

139 views

EmptyTemplate?

Is there a way in Kendo to define an empty data template?

ListView

answered on 26 Jul 2012

4 answers

422 views

[Solved] grid: Client Template problem

I appreciate any help.. I am trying to use ClientTemplate.

@Html.Raw(Html.ActionLink("Select", "SelectIt", new { SelectedQueueLevel = "#= QueueLevel #" }, new { @class = "btn" }).ToHtmlString()).ToHtmlString();

as a result I have:
<a class="btn" href="/Core/CollectorQueue/SelectIt?SelectedQueueLevel=%23%3D%20QueueLevel%20%23">Select</a>;

What I am doing wrong?

Here is the whole thing for grid below:
@(Html.Kendo().Grid(Model.CollectorQueueGrid)
.Name("CollectorQueueGrid")
.Columns(columns =>
{
columns.Template(item => Html.ActionLink("Select", "SelectIt", new { SelectedQueueLevel = item.QueueLevel }, new { @class = "btn" }))
.ClientTemplate(Html.ActionLink("Select", "SelectIt", new { SelectedQueueLevel = "#=QueueLevel#" }, new { @class = "btn" }).ToHtmlString());
columns.Bound(item => item.QueueDate).Width(30).Format("{0:MM/dd/yyyy}");
columns.Bound(item => item.QueueLevel).Width(150);
columns.Bound(item => item.ScheduledTime).Width(20);
})
.DataSource(dataSource => dataSource.Ajax().ServerOperation(false))
.Sortable()
.Selectable(selectable => selectable.Mode(GridSelectionMode.Single))
.Groupable()
)

Thank you.

Grid

answered on 26 Jul 2012

0 answers

110 views

window from grid just open first time

Hi..
I'm trying to open a window (with content from another php page ) from a grid .. the window opens, but only once ... when I try to open again does not work ... this is the code I'm using:

....line of grid calling a custom command....
{command: { text: "Dados de Registro", click: ShowPop}, title: " ", },

...the function to open the window...
function ShowPop()

{var myWin = $("#window");
   if (!myWin.data("kendoWindow")) {
            // window not yet initialized
            myWin.kendoWindow({
                content: 'elt.php',
                title: "elt",
                iframe: true,
                width: "800px",
                height: "400px",
                scrollable: false,
                visible: false
             }).data("kendoWindow").center().open();
   }

}

i don't know what to do...

tks

Window

asked on 26 Jul 2012

0 answers

81 views

Grey instruction text within date Picker

Hi,

Can I display some grey text within the date picker that disappears on entering the field? Basically, I would like to display the date format. e.g DD/MM/YYYY or MM-DD-YYYY, etc.

Many thanks in advance.

DatePicker

asked on 26 Jul 2012