Telerik Forums
Kendo UI for jQuery Forum
3 answers
415 views
Do you have an example of showing a window that has dynamic data?

Example:
I have a list of 10 items. When you click on an item a window should appear that shows the detail for that item.

I hoping the solution is not to pre-create a window for each item.

Is it possible to show a window and then have it load the content url dynamically?

thanks.
Alex Gyoshev
Telerik team
 answered on 01 Dec 2011
3 answers
248 views
Is leverage the "change" event the correct approach to wire up some templates and grid that use a common DataSource?

I have the following code, but it take about 5 seconds for the binding to occur even though the data is returned in under a second.

<script>

    $(document).ready(function () {
        var dsBoxScore = new kendo.data.DataSource(
            {
                type: "json",
                transport:
                {
                    read: "JsonBoxScoreGet"
                },

                change: function () {

                    var scriptTemplateBoxscoreHomeTeam = kendo.template($("#templateBoxScoreHomeTeam").html());
                    $("#scriptBoxScoreHomeTeam").html(scriptTemplateBoxscoreHomeTeam(this.data().HomeTeam));

                    var scriptTemplateBoxscoreAwayTeam = kendo.template($("#templateBoxScoreAwayTeam").html());
                    $("#scriptBoxScoreAwayTeam").html(scriptTemplateBoxscoreAwayTeam(this.data().AwayTeam));

                    $("#gridBoxScore").kendoGrid({
                        dataSource: this.data().HomeTeam.Players,
                        height: 350,
                        selectable: "row",
                        scrollable: true,
                        sortable: true,
                        pageable: false,
                        navigatable: true,
                        rowTemplate: kendo.template($("#rowTemplateBoxScorePlayerStats").html())

                    });

                },

                serverPaging: false,
                serverSorting: false

            });

        dsBoxScore.read();

    });
    </script>
Atanas Korchev
Telerik team
 answered on 01 Dec 2011
0 answers
140 views
Hi Team,
As we are checking possibility to use Kendo UI with backbone.js.

As first we are trying to integrate Kendo Ui grid with Backbone view.

Can you please let us know is this possible to integrate Kendo Ui Grid with Backbone.js.


Thanks in advance

Regards,
Dipak P
Dipak
Top achievements
Rank 1
 asked on 01 Dec 2011
1 answer
207 views
We currently have an application that is based off spring framework. It is MVC architecture and has its own data tier, business tier and application UI. Can we bind this middle tier to Kendo controls? If "yes" is there an example of this? 
Atanas Korchev
Telerik team
 answered on 01 Dec 2011
1 answer
124 views
http://demos.kendoui.com/autocomplete/remotedatasource.html

Search for
1) bug (popup opens)
delete that
2) search for bug's (as in a bug's life)
Firebug returns an error

Autocomplete no longer works
Georgi Krustev
Telerik team
 answered on 01 Dec 2011
2 answers
532 views
I have a really simple template that causes a syntax error with kendo templates in Google Chrome. I'm using Kendo beta2 and jQuery 1.6.4. Here's the template:

This is broken:
<script type="text/x-kendo-template" id="test">
    # length = "abc".length #
    #= length #
</script>

This works:
<script type="text/x-kendo-template" id="test">
    #= length = "abc".length #
</script>


Notice that's the exact same line, except with and without the = sign.  The error that it gives is this:

  1. Uncaught SyntaxError: Unexpected identifier
    1. jQuery.extend.proxy.proxyjquery-1.6.4.js:814
    2. (anonymous function)fiddle.jshell.net:40
    3. jQuery.event.handlejquery-1.6.4.js:3001
    4. jQuery.event.add.elemData.handle.eventHandle

If you want to see for yourself, here's the jsfiddle

Notice nothing is displayed, and there's an error in the javascript console.

It seems like variable assignment in a non-printing # block is breaking the parser. Any thoughts?
Petyo
Telerik team
 answered on 01 Dec 2011
1 answer
97 views
I just stumbled across this KendoUI and am very intrigued, but I will admit I have not yet downloaded it so bear with me on this total noob question:

In the type of applications I am constantly requested to create, I need to deal with putting in large drop down lists (5000+ items) within the rows of a grid.  

The challenge using HTML has been that you either have to send the whole page with the entire content of the drop downs in every row or try to incorporate some form of AJAX on the on-click event of the drop down (which causes a round-trip hit on the server).  

The problem is that list content doesn't change between rows, so the user is constantly dealing with either slow loading pages, or server hits as they tab through the rows.   Both of which are annoying.

So, my question is: does somehow KendoUI provide some capabilities for re-using drop down list content within grids to alleviate this issue?


Rosen
Telerik team
 answered on 01 Dec 2011
0 answers
125 views
I have a very basic PanelBar and I'm defining the contents of each panel within a div. Any styling I apply to the HTML within the div appears to be ignored. Here is an example:

<div>
    <ul id="panelbar">
        <li class="k-state-active"><span class="k-link k-state-selected panelbar-header">Client
            Information</span>
            <div style="padding: 10px;">
                Contract State: <strong>@Model.ContractState</strong><br />
                Contract Type: <strong>@Model.ContractType</strong><br />
                Effective Date: <strong>@Model.EffectiveDate.ToShortDateString()</strong><br />
                Renewal Date: <strong>@Model.RenewalDate.ToShortDateString()</strong><br />
            </div>
        </li>
    </ul>
</div>

even the <strong></strong> tags around the text objects is being completely ignored. I tried enclosing these within a <span> with styling and that didn't work either.

Is there something I need to do to make sure that my styles/formatting isn't overridden? Thanks.


UPDATE: Looks like the default font size setting on the panel contents was negating the styling. I changed the font-size on the div tag and everything seems to be working okay now. Thanks
Philip
Top achievements
Rank 1
 asked on 01 Dec 2011
0 answers
227 views
Hi,

I wanna dynamically bind dropdownlist from the method of codebehind (C#) ? Can you please provide sample to bind datasource from code behind or return values from the method of code behind and assign to the dropdownlist.

Thank you,
Mangesh
Mangesh
Top achievements
Rank 1
 asked on 30 Nov 2011
6 answers
1.1K+ views
In the OnChange event, I need to pass the "datakey" (for a lack of a better word) to another object.  Problem is the ID field isn't actually visible in the grid...

Suggestions?...is there a way to do a hidden column?
Rosen
Telerik team
 answered on 30 Nov 2011
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Drag and Drop
Application
Map
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
Licensing
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?