Questions on Kendo UI for jQuery Forum

1 answer

94 views

Splitview on Trial Version is not available?

Hi all,

I'm looking at the splitview demo on this link http://demos.kendoui.com/beta/mobile/splitview/index.html and I try to create the prototype using its demo source code with kendo trial version, but I think the data-role 'splitview' and 'pane' didn't work well. Can anyone help me, please? Or this feature is available for only the licensing version?

Thanks

SplitView

answered on 25 Jun 2012

1 answer

161 views

Autocomplete in popup_editor

Hi,

Is it possible to use the sample codes for autocomplete in popup editor template?

http://demos.kendoui.com/beta/web/autocomplete/index.html

<script id="popup_editor" type="text/x-kendo-template">

...

<input name="test" id="test">

...

</script>

<script>

$(document).ready(function () {

$("#test").kendoAutoComplete({

dataSource: data,

filter: "startswith",

placeholder: "Select country...",

separator: ", "

});

</script>

Regards
Safak

AutoComplete

answered on 24 Jun 2012

1 answer

377 views

DatePicker initialized with a french date format

Here is the scenario
A french environment with globalization set to "FR-fr"
I included the french kendo culture script and added the call to kendo.culture( 'FR-fr')

I have an input field that contains a datetime in a french format

<input id="EventDate" type="text" value="24/08/2012" name="EventDate" >

I tried to transform this input field to a kendo datepicker but failed to have the correct date value
I tried so many combinations from

$("#EventDate").kendoDatePicker({format: "D"})

to

$("#EventDate").kendoDatePicker({



           format: "D",

value: new Date($("#EventDateEnd").val())

});

The new kendo datepicker correctly displayed but never picked up the correct date value : Friday, August 24, 2012

Date/Time Pickers

answered on 24 Jun 2012

3 answers

373 views

Export chart on the server

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

269 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

444 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

122 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

56 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

120 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

61 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