Questions on Kendo UI for jQuery Forum

2 answers

358 views

[Solved] Adding a dropdownlist to a template inside a grid header

Not sure if this question should be asked here or in the grid forum.

I am trying to add a dropdownlist to a grid header template however its not working.

I have moved the dropdownlist outside of the template and it works fine.

Do I need to do something special to enable this to work?

Templates

answered on 20 Jan 2012

1 answer

204 views

Get the formated value back to original

Hello,

I set my culture in Romanian input

kendo.culture('ro');

Then, i set the value of a textbox like this

$("#valueInput").val(kendo.toString(100000.25, "c")); // creates "100.000,25 lei"

How can i get the formated value back to original, but keeping the culture format? (without using the .kendoNumericTextBox plugin)

For example, "100.000,25 lei" changes to "100000,25" (note that decimals separator is a coma , )

Thank you

Globalization

answered on 20 Jan 2012

0 answers

61 views

Any plans for a KendoCounter

Hi!
Are there any plans to create a KendoCounter which uses animation to show a count?

Thanks,
Valanto

General Discussions

asked on 20 Jan 2012

0 answers

110 views

How to show x Axis label

hi~
I ask one more question. ^^

If we use labels' option rotation, we show label various way.

But I want to show label text like next.

ex) abcdef -> a
                       b
                       c
                       d
                       e
                       f

How do i do? Please~

Charts

asked on 20 Jan 2012

8 answers

236 views

[Solved] Grid's sorting does not work if virtualization is on

Hi,

I found out that the grid is not sorted any more when you scroll the grid up and down, if the virtualization is on. Any idea how to resolve this issue? Thanks in advance.

Please reference the link http://jsfiddle.net/BkCTL/3/ for example.

Best,
Mo

Grid

answered on 20 Jan 2012

3 answers

2.0K+ views

[Solved] Styling a panelbar

I'm stuck and need some help to:

move the expand/collapse arrow from the right to the left of the bar
remove all the borders from the panelbar, including child items and their items if any
override the heading of the panelbar items
override child items text colour/font/size

I've used the theme designer to do what I want but this affects all controls, not just the panelbar...

PanelBar

answered on 20 Jan 2012

3 answers

181 views

data wont bind!

Hi I'm using the kendo grid control, i can get the columns to display and if i enter the data using the following method :

  $(document).ready(function(){
      $("#grid").kendoGrid({
          columns:[
              {
                  field: "FirstName",
                  title: "First Name"
              },
              {
                  field: "LastName",
                  title: "Last Name"
          }],
          dataSource: {
              data: [
                  {
                      FirstName: "Joe",
                      LastName: "Smith"
                  },
                  {
                      FirstName: "Jane",
                      LastName: "Smith"
              }]
          }
      });
  });

The data will display too, however i am trying to populate the grid from an array and thus am using this method:

 $("#grid").kendoGrid({
     data: people
 });

My data however will not appear i just get the column headings, please find my code below:

var Container = document.getElementById("divReportContainer");
Container.innerHTML = "";
OutputText += "<table id=\"grid\">";
OutputText += "<thead>";
OutputText += "<th data-field=\"strObjectDescription\">Object Description</th>";
OutputText += "<th data-field=\"dblPercentageLength\">% of Total Actual Length</th>";
OutputText += "<th data-field=\"dblActualLength\">Total Actual Length(ft)</th>";
OutputText += "<th data-field=\"intPlanogramsCount\">Count of Planograms</th>";
OutputText += "</thead>";
OutputText += "</table>"
Container.innerHTML = OutputText;

$("#grid").kendoGrid();
var MyArray = [{ strObjectDescription: "Test", dblPercentageLength: "1", dblActualLength: "21", intPlanogramsCount: "3"}];

$("#grid").kendoGrid({
data: MyArray
});

please could someone advise where i am going wrong???

Grid

answered on 20 Jan 2012

4 answers

569 views

Boolean data type in Grid data source

I have 3 columns returning with my data source that are Boolean values (True/False). I couldn't figure out how to designate them as a data type of Boolean to actually evaluate them, so I'm bringing them back as strings and evaluation them as == "True" or "False".

Is it possible to return them to the grid control as actual Booleans and evaluate them as such?

dataSource: {

data:

[

@foreach (var report in Model.Reports)

{

<text

>{Id: @report.Id, ReportId: "@report.ReportId", ReportSample: "@report.ReportSample", ReportLegend: "@report.ReportLegend", ReportFaq: "@report.ReportFaq", ReportName: "@report.ReportName"}, </

text>

}

],

schema: {

model: {

id: "Id",

fields: {

Id: { type: "number" },

ReportId: { type: "string" },

ReportSample: { type: "string" },

ReportLegend: { type: "string" },

ReportFaq: { type: "string" },

ReportName: { type: "string" }

}

I currently have quotes around the Boolean values being returned:
"@report.ReportSample", "@report.ReportLegend", "@report.ReportFaq"
removing the quotes causes the grid to not display

Thanks for the assistance

Grid

answered on 20 Jan 2012

3 answers

530 views

Selecting a tab in Kendo UI

Hello,

I have created a tab control. I'm trying to figure out how to select a tab from JavaScript. Currently, I'm trying the following and its not working.

<div id="myTabs">

<ul>

<li class="k-state-active">Tab 1</li>

<li>Tab 2</li>

<li>Tab 3</li>

</ul>

<div id="tab1">tab 1 content</div>

<div id="tab2">tab 2 content</div>

<div id="tab3"><input type="button" onclick="selectMyTab();" value="button" /></div>

</div>

<script type="text/javascript">

$().ready(function () {

$("#myTabs").kendoTabStrip({

animation: { open: { effects: ""} }

});

function selectMyTab() {

$("#myTabs").kendoTabStrip().select("#tab1");

}

</script>

What am I doing wrong?

TabStrip

answered on 19 Jan 2012

4 answers

165 views

serverPaging not working after filtering

I've got an issue on an internal application. I've bound a grid and a chart to a dataSource, and serverPaging works fine on it. When I apply a filter to the dataSource, the grid and chart both update to reflect the new data. The grid, however, loses the ability to page - only "1" is displayed.

Is this a bug, or am I implementing the filtering incorrectly?

Grid

answered on 19 Jan 2012