Questions on Kendo UI for jQuery Forum

2 answers

207 views

Empty data shown on remote view after second click

Hi, i have encounter a weird scenario where my list view suppose to shows a detail information of my project.

Here is my scenario:
I have a list view to shows all my product, when i touch\click on the first list view, it will show my remote view(passing in querystring) on the product details.

I then go back to the first view where it shows all my product, i then select the second product, when i am at my remote view, it is empty.

Weird thing is that the second time i tried, it did call my server script to grab the second product information, but it didnt show the data.

I think it could be some caching issue where remote view is cache. can i uncache it?

regards,
CH

ListView (Mobile)

answered on 04 Feb 2013

1 answer

128 views

Editor carot position for existing html content

Hi,
I have scenario where I pre-popuate the editor with html content.
For e.g.

<P>The <ins>black</ins> spotted fox <del>leaped</del>

over the rolling<br>new</P>

If the user now wants to add an extra content next to word leaped then formatting from <del> element would be retained so any additional text would have strikethrough applied to it by default. Is there a way to avoid this without the user having to manually then reset the strikethrough option in the tools ?

Editor

answered on 04 Feb 2013

1 answer

103 views

Creating a treeview grid with what's there

I have been trying to make a treeview control look like a grid but I have been unsuccessful. So I started from the grid and using the aggregate example which looks close, I have been trying to add treeview functionality to the grid but that is becoming just as difficult. Has anybody figured out a way to make a treeview grid control using what is available? If so I would love to hear how you went about it. I so wish Kendo had a grid, treeview, and treeview grid like I have seen in other control suites.

Thanks!

Grid

answered on 04 Feb 2013

1 answer

310 views

Removed rows reappear

I'm moving data between two different Kendo grids, removing items from one and adding them to another. I'm not going by the 'delete' command for removing them. I've noticed a bug where one of the grids has dataItems reappear in the view after triggering a filter, page, sort etc. action. This gird is created with locally bound data, via the data property of the datasource, so it has a copy of the 'pristine' data floating. I had to resort to the following to get them to be permanently removed.

var rows = chooseGrid.select(),

dataItems = [];

for (var i = rows.length; i--;) {

dataItems.unshift(chooseGrid.dataItem(rows[i]));

chooseGrid.dataSource.remove(dataItems[0]);

koqGrid.dataSource.insert(AdminToProfileKoQ(dataItems[0]));

addedQuestions.unshift(dataItems[0]);

for(var j = chooseGrid.dataSource.options.data.length; j--; )

{

if(chooseGrid.dataSource.options.data[j].Id == dataItems[0].Id) {

chooseGrid.dataSource.options.data.splice(j, 1);

break;

}

};

If I don't whack the removed entries from the dataSource.options.data copy, they reappear.

I haven't gotten to the point where I'm adding items back the other way, but I'm half anticipating a similar problem. Is there a solution for this? Some method to save or sync the data source?

Here's the rest of the grid declaration - I realize I could probably turn it back into a properly wrapped MVC helper extension, but I've grown to like the greater control provided by the straight JS initialization.

$("#ChooseKnockOutQuestionGrid").kendoGrid({

dataSource: {

schema : {

model: {

fields: {

Id: { type: "number" },

AdminLeadType: { type: "number" },

Answer1Text: { type: "string" },

Answer2Text: { type: "string" },

Enabled: { type: "boolean" },

QuestionText: { type: "string" },

QuestionTypeId : {type: "number"},

Price: { type: "number" }

}

},

data : @Html.Raw(ViewBag.Data),

pageSize: 5,

serverFiltering: false,

serverGrouping: false,

serverSorting: false,

serverPaging: false

},

filterable: true,

sortable: true,

selectable: "multiple, row",

columns: [{

field:"QuestionText",

title:"Question Text"

},

"Price"],

dataBound: OnChooseDataBound,

change: OnChooseChange

});

Grid

answered on 04 Feb 2013

1 answer

192 views

Having Tab Strip act wizard like?

Is it possible to have tabs not show in tab strip so it can behave wizard like?

TabStrip

answered on 04 Feb 2013

3 answers

372 views

[Solved] Force orientation portrait

Hi!

Is it possible to force the orientation to be portrait, not switching to landscape when user flips the phone? We target iPhone 4-5.

General Discussions

answered on 04 Feb 2013

1 answer

785 views

JQuery $(document).ready Issue

Hello,

I am currently using "kendo.mobile.min.js" for a client's mobile website.

On one of template pages for the page detail, I have included some JQuery code to show and hide a <div> when an image is clicked.

<script>

$(document).ready(function(){

var imgHelp = $('#imgHelp');

var helpContent = $('#helpContent');

imgHelp.click(function(event) {

console.log('Image was clicked.');

if (helpContent.is(":hidden")) {

helpContent.show();

}

else {

helpContent.hide();

}

});

</script>

When the image is clicked, the code within the imgHelp.click is run twice. The console log fires the message twice and the div never appears because it shows the div and then the code runs again, and hides it. The only JavaScript file that I have on the page is the one reference above. What I found interesting, is when I removed the "kendo.mobile.min.js" from the page, when I clicked on the image, the JQuery ran ONCE.

Can someone explain why this is happening and what I can do to fix this issue.

EDIT: I found that when NOT using the document.ready, it works just fine!

<script>

function KendoUI() {

alert('Test');

}

</script>

<img src="/design/images/info.png" onclick="KendoUI();">

Thank you in advance for your help.

General Discussions

answered on 04 Feb 2013

2 answers

100 views

can't tap on another input while having an active input

Hi,
I have a problem on my mobile site with kendoui. I have pages for login, register etc.. with two or more inputs. I can tap the first one to write in it, but when i try to tap the second input the view scrolls to top, and the pointer remains in the first input, and the page becomes unscrollable. I can go to the next input only with the help of the "Next" button or after closing the keyboard. I have checked this on iPhone 4s and iPhone5, in Safari as well as Chrome the same issue.
Can you please help me to fix this problem?

Thanks in Advance
Amelia

Application

answered on 04 Feb 2013

3 answers

240 views

[Solved] menu.insertBefore is inserting after specified element, when using datasource

I'm testing out using the menu datasource attribute for creating my initial menu "scaffolding". I have one separator with a specific id, which I will insert items before or after (depending on the item type).

When I test this, both items are inserted *after* my separator:

$("#menu").kendoMenu({

orientation: "vertical",

dataSource:

[{

// Separator with unique id

text: "<li id='main_separator'/>",

encoded: false,

enabled: false,

cssClass:"menuItemSeparator MultipanelMenuSeparatorStyle",

},

{

enabled: false,

cssClass: "menuItemSeparator MultipanelMenuSeparatorStyle",

},

{

text: "<input type='text' id='textbox' maxlength='256'/>",

encoded: false,

cssClass: "text k-textbox",

}]

});

var viewMenu = $("#menu").data("kendoMenu");

viewMenu.insertBefore({text:"Layout1",cssClass:"menuItemLayout MultipanelMenuItemStyle"}, $("#main_separator"));

viewMenu.insertAfter({text:"Preference1",cssClass:"menuItemPref MultipanelMenuItemStyle"}, $("#main_separator"));

I've also included a link to a jsfiddle demonstrating this: http://jsfiddle.net/raltman/qYtPC/4/
Please take a look and let me know what is wrong here.

Thanks.

Menu

answered on 04 Feb 2013

2 answers

112 views

Problems with nav title

I'm going mad trying to set the nav title of a page. I have a page of buttons that loads a view and displays a generated selection of other buttons depending on the first button selected. e.g.
<li><a href="#tabstrip-knowledge-general" class="arrow" data-role="button" data-title="Title1" data-click="do_buttons" data-var="controls">Title1</a></li>
<li><a href="#tabstrip-knowledge-general" class="arrow" data-role="button" data-title="Title2" data-click="do_buttons" data-var="controls">Title2</a></li>
<li><a href="#tabstrip-knowledge-general" class="arrow" data-role="button" data-title="Title3" data-click="do_buttons" data-var="controls">Title3</a></li>
So my #tabstrip-knowledge-general page is generated based on the option selected but I just can't seem to set the pag title. I've tried storing the title to a var and use view.init view.show etc. to set the title, but after it' set once I can't seem to get it to change ever again.

Also if I change the data-value of a keno button again it never refreshs when I try to use it. Kendo seems to init button and store all this data locally so when you update it, it never updates the kendo stored one.

General Discussions

answered on 04 Feb 2013