Questions on Kendo UI for jQuery Forum

0 answers

60 views

Hi,
I using tabstrip and create form to get data in tabstrip,I found this problem!!

after I submit form button to get data but require validationMessage dosn't show alert message

can I fix this Problem,Thankyou

TabStrip

asked on 28 Aug 2012

0 answers

104 views

grid's toolbar expand with the panelbar.

I defined a panelbar on left and a grid right.
and I expand the panelbar,the grid's toolbar expand the same time.Is this the css problem?
I repeat it on jsFiddle http://jsfiddle.net/9Aj9E/4/

Grid

asked on 28 Aug 2012

2 answers

728 views

Json get data

My result is a JSON object that looks like:

[{"pk": 1, "model": "adr.country", "fields": {"codetxt": "RUS", "codeint": 643, "name": "\u0420\u043e\u0441\u0441\u0438\u044f"}}, {"pk": 2, "model": "adr.country", "fields": {"codetxt": "UKR", "codeint": 443, "name": "\u0423\u043a\u0440\u0430\u0438\u043d\u0430"}}, {"pk": 3, "model": "adr.country", "fields": {"codetxt": "BLR", "codeint": 523, "name": "\u0411\u0435\u043b\u0430\u0440\u0443\u0441\u044c"}}]

My code:

$("#country").kendoComboBox({

placeholder: "Выберите страну...",

dataTextField: "codetxt", //not working

dataValueField: "codeint ", //not working

dataSource: {

serverFiltering: true,

type: "json",

transport: {

read: "http://localhost:8001/countries/"

}

});

How can i get data in kendoComboBox ?
Thanks!

ComboBox

answered on 28 Aug 2012

0 answers

75 views

Set read only on a per row basis

Hi,

Is there a way to set read only on a per row basis?

We are using batch editing similar to this demo:

http://demos.kendoui.com/web/grid/editing.html

We would like to add custom locking/unlocking of rows so that rows are only editable once they have been unlocked.

Thank you

Chris

Grid

asked on 28 Aug 2012

0 answers

236 views

Tree view on demand data binding

I have managed to follow most of the examples and instructions regarding how to configure my Kendo UI MVC TreeView for remote data/on-demand binding. However, I have not been able to find out what parameters needs to be setup on the server to get it to work properly.

Is there an example I can follow that shows server methods/parameters? All of the examples I've seen so far only include client methods/parameters.

I have managed to get the call to the server to work using :

@Html.Kendo().TreeView().Name("treeView").DataSource(dataSource => dataSource.Read(read => read.Action("actionName", "controllerName")))

but none of the parameters and return values I've worked with on the server work at all.

Any and all C# (or even VB) server-side MVC controller method examples are appreciated!

Edit:

My apologies, but this should probably be in the Kendo MVC section of the forums. I also think I have found my answer...the problem was that I was not allowing Get requests to my controller method. The resulting exception was getting buried somewhere. I have since changed my controller method and result list to a custom class as follows:

public JsonResult TreeView(string id)

which returns a list of:

    public class kendoTreeViewItem
    {
        public string id;
        public string text;
        public string imageUrl;
        public string spriteCssClass;
        public bool hasChildren;
        public bool encoded;
    }

TreeView

asked on 28 Aug 2012

0 answers

133 views

Can't make it work (the simplest example ever)

Hi there. I've just created the simplest ASP.NET MVC 3 web application I could. It has just one controller, just one view, and all Kendo's prerequisites up and running. Checked that using a simple DatePicker as sugested.

Now, my problems are:

1.- Initially, NO DATA is loaded. The method that retrieves records from the DB is executed without problems, buts data isn't showing on Kendo's grid.

2.- When I click on a column (right now I reduced my example entity to just two attribs, one "FullName" the other one "Email"), data IS coming to grid, but surprisly, it renders in the browser like PLAIN TEXT (!?).

Here's my current controller class code:

/// <summary>

///

/// </summary>

public class NotificacionController : Controller

{

/// <summary>

///

/// </summary>

/// <returns></returns>

public ActionResult Index()

{

return View(CargarEmpleados());

}

/// <summary>

///

/// </summary>

/// <param name="request"></param>

/// <returns></returns>

public ActionResult CargaEmpleados([DataSourceRequest] DataSourceRequest request)

{

return Json(CargarEmpleados().ToDataSourceResult(request), JsonRequestBehavior.AllowGet);

}

/// <summary>

///

/// </summary>

/// <returns></returns>

private static IEnumerable<EmpleadoModel> CargarEmpleados()

{

return EmpleadosGateway.ObtenerEmpleados();

}

And here, markup:

@(Html.Kendo().Grid<Sic.Mvc.Eventos.Models.Base.EmpleadoModel>()

.Name("Grid")

.Columns(columns => {

columns.Bound(e => e.NombreCompleto).Groupable(false).Width(140);

columns.Bound(e => e.Email);

})

.Pageable()

.Sortable()

.Scrollable()

.Filterable()

.Groupable()

.DataSource(dataSource => dataSource

.Ajax()

.Read(read => read.Action("CargaEmpleados", "Notificacion"))

)

Last but not least, Layout.cshtml:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>@ViewBag.Title</title>

<link href="@Url.Content("~/Content/kendo.common.min.css")" rel="Stylesheet" />

<link href="@Url.Content("~/Content/kendo.default.min.css")" rel="Stylesheet" />

<link href="@Url.Content("~/Content/kendo.dataviz.min.css")" rel="Stylesheet" />

<link href="@Url.Content("~/Content/Header.css")" rel="Stylesheet" />

<link href="@Url.Content("~/Content/Footer.css")" rel="Stylesheet" />

<link href="@Url.Content("~/Content/Site.css")" rel="Stylesheet" />

<link href="@Url.Content("~/Scripts/jquery.min.js")" />

<link href="@Url.Content("~/Scripts/kendo.all.min.js")" /> 

<link href="@Url.Content("~/Scripts/kendo.aspnetmvc.min.js")" />

</head>

<body>

<div id="Contenedor">

<div id="header">

@{Html.RenderPartial("_Panel");}

@{Html.RenderPartial("_Reloj");}

</div>

<div id="section">

@RenderBody()

</div>

<div id="footer">

<img src="@Url.Content("~/Content/Images/HTML5.png")" alt="HTML5 compatible" />

</div>

</body>

</html>

Cheers!!

General Discussions

asked on 27 Aug 2012

0 answers

176 views

Custom Command not working

I have seen several posts on this but I haven't found a solution.

My grid has a custom command that points to a javascript function:

$("#history_grid").kendoGrid({

columns: [

{ field: "type", title: "Document Type" },

{ field: "entity", title: "To/From" },

{ field: "date_received", title: "Date Sent/Received" },

{ field: "path", title: " ", template: '<a href="${ path }">Link to file</a>', width: "80px" },

{ command: { name: "ViewFile", text: "ViewFile", click: viewDoc }, title: " ", width: "100px" }

],

scrollable: true,

autobind: false,

dataSource: history_datasource

});

function viewDoc(e) {

e.preventDefault();

alert("Hello, world!");

};

Clicking the custom command button does nothing.
Help?

Grid

asked on 27 Aug 2012

0 answers

105 views

CSS Hover on iPad

I implemented a dashboard view containing Kendo bar charts and Kendo gauges. I added CSS for "hover" to these, and am displaying a upper right hand corner "X" character allowing the user to close a chart out so that they can remove it from their dashboard. All of this works perfectly fine on any desktop browser, OR on Android.

Apple is being the annoying one. The bar charts work fine, however the gauge does not. The hover event does not work for this. After some online research I found that Apple had remove hover from the supported CSS for their mobile devices. OK, that answers that, but why on earth do the bar charts work? How can I fix this behavior?

[EDIT] - Now that I think about it, the bar charts have tooltips on hover. So you guys must have fixed the hover behavior for the iPad. Can anything be done for the gauges?

LinearGauge

asked on 27 Aug 2012

2 answers

207 views

how to open the window at specified location

how to open the window at specified location,
At the bottom，In the lower right corner。。。
I do not want to open at center ,
how do I?

Window

answered on 27 Aug 2012

3 answers

609 views

Intellisense in Visual Studio

Just like for JQuery there is a Visual Studio intellisense file called Jquery-1.7.2.-vsdoc.js is there an equivalent for kendo UI and kendo UI mobile? If not that would be very useful while programming day-to-day.

Also an API like http://api.jquery.com would be real helpful in finding about different things.

General Discussions

answered on 27 Aug 2012