Questions on Kendo UI for jQuery Forum

4 answers

249 views

Hi,

I see some post on this but I thing it is not a feature at this time.
In the grid we need to have a unique Id to identify the record but we don't want to show this id to the user.
We definitely need and option to hide the id column (like just setting hidden=true) within the grid column setup.
This seems like a detail but in fact it is really important.
Hope this could be deliver by the end of March release.
Thank you.

Grid

answered on 07 Mar 2012

4 answers

372 views

Splitter Height & ajaxRequest Problem

Sorry about the one with the wrong Title

I have read in a number of forums that the Splitter Default Height is 300px and I am definitely seeing that within Firebug. However, I do not see any configuration value for the Splitter widget where I can change that and setting the height on the div, even using the !important designation is not working.

I am also having problems getting my ajaxRequest to repopulate one of the panes, even though the page that will be filling the pane is working just fine as a standalone page. I am wondering if this is because the content will not fit into the pane because of the size, but I don't know if that is the way the widget works.

Any help would be fantastic as I am evaluating Kendo for a new product and want to make sure that I can do everything that I need.

Thanks,
Brian

Splitter

answered on 07 Mar 2012

2 answers

742 views

Usage CRUD grid php mysql

Hello I apologize if I can not write well in English, but I used a translator.
you can have a full CRUD example of a grid that updates through ADO php mysql?

Thank you.

Michele Lo Monaco.

Grid

answered on 07 Mar 2012

2 answers

531 views

Drill Down Functionality

Hi Telerik team,

Do Kendu UI charts provide drill down functionality? Like, say, I want the user to redirect to another page as a result of clicking on area of a chart to show more details? If yes, then how?

Thanks in advance.

Charts

answered on 07 Mar 2012

1 answer

373 views

Redirect (show) tab with click event after authentication

I have multiple divs with datarole "view". In the first view we want to authenticate a user and when valid the user have access to other views (tabs).

Authentication Tab:
<div data-role="view" id="tabstrip-login" data-title="Login" data-layout="mobile-tabstrip-unauth">
<ul data-role="listview" data-style="inset" id="lvLogin">
<li>Username <input id="loginUsername" required /></li>
<li>Password <input id="loginPassword" required /></li>
</ul>
<a data-role="button" onclick="login()" id="btnLogin">Login</a>
</div>

Tab To show after authentication
<div data-role="view" id="tabstrip-projects" data-title="Projects" data-init="listProjects" data-layout="mobile-tabstrip-auth">
<ul data-style="inset" id="projectList"></ul>
</div>

The validation wil take place in the login function:
function login() {
//authenticate with a json call that sets a session
if (session){
//Show tabstrip-projects
}
else
{
// show failed login message
}
}

So the question is how to show a view or tab within a click event function.. I hope the question is clear.

Thanks,
Marco

TabStrip (Mobile)

answered on 07 Mar 2012

1 answer

220 views

Detail view of item on list view

I've got a very simple listview and I want to click on one of the items to be able to view a detail page of the item. I've tried following the example in the Sushi and I've got the following code

<div class="back-button-show" data-role="view" data-layout="app" data-show="getVendorDetails" data-title="" id="vendor-details">

</div>

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

<a class="vendor-details-link" data-role="listview-link" href="\#vendor-details?id=${id}">

<div class="vendor-list-booth">${ booth_number }</div>

${ name }<br />

<span class="vendor-list-taglag">${ tag_line }</span><br />

</a>

</script>

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

${ name }

</script>

<script>

...

var getVendorDetails = function(e) {

var view = e.view;

vendor = vendorAlphaDS.get(view.params.id);

view.content.data("kendoMobileScroller").scrollElement.html(vendorDetailTemplate(vendor));

kendo.view.enhance(view.content);

};

</script>

I'm running this in a phonegap project under XCode. The problem is when I run the project in the simulator, the system won't click on the detail page. If I comment out the kendo.view.enhance, then I can click to the detail page but nothing happens (it's just a blank page). Any help would be greatly appreciated.

ListView (Mobile)

answered on 07 Mar 2012

3 answers

281 views

AutoComplete Suggest not working

I have an AutoComplete calling an ajax-enabled WCF service using JSON. it's works fine and I get results when I type into the Input. However I would also like to programmatically set the input value and have results returned. I tried to use the example below. And it sets the input box but it's not getting data and the drop down results aren't showing up. How do I get this to work?

Forces a suggestion onto the text of the AutoComplete.

Example

// note that this suggest is not the same as the configuration method
// suggest which enables/disables auto suggesting for the AutoComplete
//
// get a referenence to the Kendo UI AutoComplete
var autoComplete = $("#autoComplete").data("kendoAutoComplete");

// force a suggestion to the item with the name "Inception"
autoComplete.suggest("Inception");

AutoComplete

answered on 07 Mar 2012

2 answers

562 views

Unbound column

Hello forum:
How can I add an unbound column to a grid? I want to add a column with a checkBox in each cell to select rows, but I don't want to add a boolean field to my model.
I want my users can select several rows of the grid and then click a button to delete them.
How can I accomplish this?

Oscar.

Grid

answered on 06 Mar 2012

0 answers

171 views

Resizable panels?

Looking to combine panelbar and splitter functionality. Basically need a panelbar (with its large, labelled separator areas) that the user can drag resize to revel more or less content of a given panel.

Any way to do this?

PanelBar