Questions on Kendo UI for jQuery Forum

3 answers

2.5K+ views

Passing parameter through click event in data-bind.

I have something like this:

<div id="view1" data-role="view" data-model="viewModel" data-title="view1">

<ul id="listview" data-bind="source: dataSource, click: foo" data-role="listview" data-template="template"></ul>

</div>

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

<a>${link}</a>

</script>

And on a separate js file:

var

viewModel = kendo.observable ({

foo: function (parameter) {

//use parameter

}

});

I want to know if there is any way to pass a parameter to foo through the click event in bind-data.

MVVM

answered on 31 Jul 2013

2 answers

109 views

[Solved] use data() with custom widget?

I have created a custom widget based on the tutorial: http://docs.kendoui.com/howto/create-custom-kendo-widget

if I try to do: $( '#widgetId' ).data( 'kendoMyCustomWidget' ).something();

This doesn't work or:

$( '#widgetId' ).data( 'MyCustomWidget' ).something();

This is how the kendoWindow API example references internal methods and I would like to be able to do this also.

Any ideas?

Thanks.

General Discussions

answered on 31 Jul 2013

1 answer

105 views

Pagination based on server data

I just want to react if the user is clicking on page forward or page backward. Depending which page command gets executed I want to call my separate functions. In these functions I want to load my datasource (next/prior e.g. 50 entries).
I don't wan't to use automatic server calls.
Is there any way to do so?

Best regards
Rajeev kumar pandit

Grid

answered on 31 Jul 2013

1 answer

146 views

Config (Date and StartTime) - How do I get it show by default a full day, but "scroll to" 9:00AM

Based on the documentation, I expected the .date property to support a time, so I could say what day and time I want the VIEW to default to, while "StartTime" would determine how much time to show total.

Anyway - how do I allow the Week view show midnight to midnight but have "9am" the default viewable area so users don't need to scroll down?

Scheduler

answered on 31 Jul 2013

2 answers

73 views

Do you plan to add resource view to scheduler?

Do you plan to add resource view to the scheduler where resources will be rendered on some axis?

Scheduler

answered on 31 Jul 2013

1 answer

322 views

Treeview Does Not Appear on Page

First of all...this is my first Kendo app...I've been using Telerik controls for a couple of years, but we are upgrading and this is my first attempt here.

I have a simple app that I have extracted from my real page, that I cannot seem to get the treeview to show up on. The data appears to be getting there, but I'm missing something on my definition, I just don't know what.

Here is the HTML:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CDefault.cs" Inherits="CDefault" %>

<%@ Register Assembly="ABL.Controls, Version=1.0.0.0, Culture=neutral, PublicKeyToken=d35011ca6b35a98a" Namespace="ABL.Controls" TagPrefix="cc1" %>

<!DOCTYPE html>
<html>
<head>

<title>View Document Library</title>


<link href="https://da7xgjtj801h2.cloudfront.net/2013.1.319/styles/kendo.blueopal.min.css" rel="stylesheet" />
<link href="https://da7xgjtj801h2.cloudfront.net/2013.1.319/styles/kendo.common.min.css" rel="stylesheet" />

</head>
<body id="pageBody">
<form id="form1" runat="server">
<div>
<div id="treeviewLeft" >
</div>
<br />
<table>
<tr>
<td></td>
<td style="padding-left:120px">
<button class="k-button" id="btnUploadDocument">Upload Document</button>
</td>
<td style="padding-left:820px">
<button class="k-button" id="btnUseSelected">Use Selected</button>
  
<button class="k-button" id="btnClose">Close</button>
</td>
<td></td>
</tr>
</table>
</div>



<script src="javascript/json2.js" type="text/javascript"></script>


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>


<script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>


<script src="https://da7xgjtj801h2.cloudfront.net/2013.1.319/js/kendo.web.min.js"></script>


<script src="libs/rotate/jQueryRotateCompressed.2.2.js" type="text/javascript"></script>
<script src="libs/jQueryFileDownload/jquery.fileDownload.js" type="text/javascript"></script>


<script src="javascript/authentication.js" type="text/javascript"></script>
<script src="javascript/adcUtilities.js" type="text/javascript"></script>
<script src="javascript/CdefaultViewController.js" type="text/javascript"></script>

<%--<% End If%>--%>
</form>
</body>
</html>

AND here is the Controller file:
// Copyright 2013 Acuity Brands Lighting, Inc. All Rights Reserved.

// This is the view controller for the default.aspx web page.

$(function () {

$.ajax({
//Call for data goes here
url: 'Data/data.aspx',
dataType: 'json',
async: true,
success: function (returnedTreeNodeData)
{
$('#loadingIndicator').remove();
console.log("Get TreeviewNodeData CALL SUCCESS");
console.log("********** treeView data: JSON structure data, from the data.aspx Call **********");
console.log(JSON.stringify(returnedTreeNodeData, null, 1));
alert("Get TreeviewNodeData Success!");
treeView.dataSource.data(returnedTreeNodeData);
}
})

var treeView = $("#treeviewLeft").kendoTreeView({
expanded: true,
autoBind: true,
dataTextField: "Text", //I've tried several things here...so far no joy.
items: "ChildNodes",
datasource: []
}).data("kendoTreeView");
});

AND here is where I get my data, which as I say appears to be getting to the Controller just fine. BTW...this is a treeview Light version of what I'll eventually be sending.

#region DataClass

[Serializable]
public class TreeviewNodeData
{
private TreeNode tNode;
public TreeNode libraryNde
{
get
{
tNode = new TreeNode("Rep Library");
return tNode;
}
set
{ }
}

public List<TreeNode> topNde { get; set; }
}

#endregion

public partial class Data_data : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string hold_brand = string.Empty;
string output = "default";
JavaScriptSerializer jss = new JavaScriptSerializer();

TreeviewNodeData tvOut = new TreeviewNodeData();
List<TreeNode> tList = new List<TreeNode>();

TreeNode ABLParentNode = new TreeNode("ABL");
tList.Add(ABLParentNode);
TreeNode NonABLParentNode = new TreeNode("non-ABL");
tList.Add(NonABLParentNode);
tvOut.topNde= tList;

output = jss.Serialize(tvOut);

//Output the response
Response.Clear();
Response.ContentType = "application/json";
Response.Write(output);
Response.End();
}
}

Anyone see what I'm missing or have any suggestions? The page comes up with the buttons on the bottom, but nothing else is on the page.

Thanks.

TreeView

answered on 31 Jul 2013

3 answers

192 views

Logarithmic scale barchart

Hi,

Is there a way I can achieve a logarithmic scale on a barchart? I am trying to solve an issue that I currently have with a pie chart where there are large values and small values in the same chart (example attached).

If there's no way to achieve a logarithmic scale, do you have an alternative solution for what I am encountering?

Thanks.

Charts

answered on 31 Jul 2013

1 answer

120 views

[Solved] Problem with dropdownlist in grid

I'm trying to add an EditorTemplate to my grid and it's not selecting the correct value on edit.

Any suggestions?

Grid

answered on 31 Jul 2013

1 answer

108 views

Customize appearance about forms

Hi,

I would like to change the position and modify the display of input field as text, which class should I apply the custom CSS to?
I follow the following demo to add the input fields:

http://demos.kendoui.com/mobile/forms/index.html#/

Moreover, the link to the documentation page is broken.

Thanks.

BR,
Ralph

General Discussions

answered on 31 Jul 2013

1 answer

123 views

Validation for Date using Jquery

hi

I am using calendar control Type="date".How can i give validation to check whether the given date is in correct format or not.

<div style="margin-top:2px; width:98%;">
      <div class="black-lbl-text-mid" style="width:55%; padding-left:0px; float:left; text-align:left;">Start Date </div>
   </div>
<div style="float:left; width:98%;" >
      <input id="txtLabourStartDate" type="date" name="txtLabourStartDate" class="textbox-3" style="width:50%; float:left; text-align:left;"/>
  </div>

General Discussions

answered on 31 Jul 2013