Questions on Kendo UI for jQuery Forum

3 answers

386 views

Is there a way to generate svg (or png/pdf) directly on the server?
All examples that I have seen so far, generate the svg in the browser and post it back to the server where it's converted to png/pdf.

I want to create a report on the server. So there is no chart visible in the client browser. The image must be created entirely on the server (where it will be embedded in PDF or Excel files that are created on the fly).

Any ideas?

Kind regards
Hartmut

Charts

answered on 23 Jun 2012

0 answers

273 views

MVC, JavaScript kendoGrid sample

Hi:

You have two way of invoking Kendo UI, one way is via javascript (this is the Index view):

@{

ViewBag.Title = "Employees";

}

<script type="text/javascript">

$(document).ready(function () {

//

$("#kjsimpleGrid").kendoGrid({

groupable: true, scrollable: true,

sortable: true, pageable: true, filterable: true,

dataSource: {

transport: { read: { url: "/Grid/GetEmployees" } }

},

columns: [

{ title: "Id", field: "EmployeeID", width: 80 },

{ title: "Last", field: "LastName", width: 100 },

{ title: "First", field: "FirstName", width: 100 },

{ title: "Title", field: "Title", width: 200 },

{ title: "City", field: "City", width: 200 },

{ title: "Region", field: "Region"}]

});

</script>

<fieldset><legend>Employees</legend>

<br />

<div id="kjsimpleGrid">

</div>

</fieldset>

The view is as follows:

//

/// <summary>

/// GET: /Grid/

/// </summary>

/// <returns></returns>

public ActionResult Index()

{

return View( );

}

//

/// <summary>

/// GET: /Grid/GetEmployees/

/// </summary>

/// <returns></returns>

public JsonResult GetEmployees()

{

var _emps =

(from e in _db.Employees

select new

{

EmployeeID = e.EmployeeID,

LastName = e.LastName,

FirstName = e.FirstName,

Title = e.Title,

TitleOfCourtesy = e.TitleOfCourtesy,

BirthDate = e.BirthDate,

HireDate = e.HireDate,

Address = e.Address,

City = e.City,

Region = (e.Region == null ? "": e.Region)

}).ToList();

return Json(_emps, JsonRequestBehavior.AllowGet);

}

The Index view returns an empty view and gets the data asynchronously via call to GetEmployees.

Phil

Grid

asked on 23 Jun 2012

7 answers

457 views

TabStrip Wrap

Hello, I am trying to create a layout which has a TabStrip with 5 items in it. However, when I was testing I noticed that on the Iphone 4, I can only fit 4 items in a TabStrip before the strip wraps and becomes two lines. Is there any way to control this behavior? I would really like to have 5 items on the TabStrip. I don't have this issue on one of my Android phones but that has a much larger screen and higher resolution.

TabStrip (Mobile)

answered on 23 Jun 2012

2 answers

132 views

callback on completed page change

Hi

I'm trying to figure out how to trigger a function when the scrollView 'gets over the hump' and changes page.

The doc says:

change

Fires when the widget page is changed.

Event data

page : jQueryObject: The current page (zero based index)

but I can't make any sense out of this though it looks right.

What i'd really like is to access the page information and the last clientY coordinates the user touched.

Any idea how to do this? Thanks!

Enjoy,

Elias

ScrollView (Mobile)

answered on 23 Jun 2012

0 answers

60 views

Validating a Website

Hi,

I want to validate a simple website like www.google.com how can i do that.Please provide me a sample

ThankYou

Validation

asked on 23 Jun 2012

0 answers

126 views

data-transition

hi Kamen Bundev

data-transition is not working when using external html page in anchor tag:
<a data-icon="cart" data-rel="external" href="test.html" data-transition="slide"/>

thanks

General Discussions

asked on 23 Jun 2012

0 answers

64 views

calling Muliple grids on tree view

Hello,

I am very new in kendo web. I am facing problem when i have trying to populate multiple grid with tree view.
i have created a tree view with 10-12 nodes. now i need to call different grid on each node.
please help or suggest an example.

my code is here
function buildEntitiesTree()
       {
           $("#entityTreeView").remove();
           var urlFetchEntityTree=baseUrl + 'index.php/home/fetchEntityRecords/';
           $.getJSON(urlFetchEntityTree,function(jsonEntityTree){

           function onEntitySelect(e) {
               var selectedId = $(e.node).find(".entity-item-id").val();
               $("#hdnSelectedEntTreeId").val(selectedId);
               var n = $("#hdnSelectedEntTreeId").val();

                  if (n == 3) {
                  EnquiryEditgrid(); ---- I need to call Grid 1
                  }
                  else if (n == 14) {
                  Ordersgrid(); I need to call Grid 2
                  }
                   else if (n == 11) {
               }
               I need to call Grid 3

           }
Please help what code i should write to call the different grids.

Regards
Divya Jha

Grid

asked on 23 Jun 2012

0 answers

191 views

How do I get current row from index?

Hi,
I work on the kendo grid.
dataBound: function (e) {
            this.element.find("#security").each(function (sender) {
                //set current row here.
                currentRow[0].removeClass("securityOff").addClass("securityOn");
            });
       }

How do I refer to current row from index such as 0,1,2

Grid

asked on 23 Jun 2012

0 answers

208 views

how to add tooltip on action buttons of kendo window

Hello,

i want to add tooltip text on action buttons of kendo window (e.g. close , refresh, minimize, maximize etc) , can anyone help me in this ?

Window

asked on 23 Jun 2012

2 answers

208 views

Generic form field binding

I want to implement a generic form field binding with kendo MVVM. This means that my model shouldn't contain any hard-wired field IDs in its bindings, instead it should be able to bind to any form rendered by the server. Here is what I've got so far:

var genericModel = {};

function bindField($field) {

var viewModel = kendo.observable({

value: "John Doe"

});

$field.attr('data-bind', 'value: value');

kendo.bind($field, viewModel);

genericModel[$field.attr('id')] = viewModel;

}

$(function () {

var $inputs = $('input').not('.datetimepicker, .autocomplete');

$inputs.each(function () {

bindField($(this));

});

This code iterates through all input fields, attaches the necessary data-bind attributes to them and sets up the model binding for each field. Finally all field objects are stored in the global genericModel object.

Unfortunately, this approach doesn't seem to work - changes aren't updated in both directions. I also tried the "nested binding" approach mentioned in the docs but had no luck either. I'm using KendoUI v2012.2.531

Any idea?

Thanks,

Franz

MVVM

answered on 22 Jun 2012