Telerik Forums
Kendo UI for jQuery Forum
3 answers
339 views
 
<input type="button" name="name" value="MakeClone " id="btnRow" />


<
table>
            <tbody>
                <tr id="AssRow">
                    <td>
                        <input id="titles" />
                    </td>
                </tr>
            </tbody>
        </table>

on click of button to Clone the row and add the unique id to it.

<script type="text/javascript">
$(functionn(){
$('#btnRow').on("click", function () {
 $("#AssRow").clone(true).find("input").each(function () {
        $(this).val('').attr('id', function (_, id) { return id + i });
        }).end().appendTo("table");
 
        i++;
 
        });
});
</script>


as of now its not working correctly. whenever i click on the cloned combo box it will open the orginal combo - box. can you give me a sample to do clone with jquery with unique id. and getting value from it.
Tim Harker
Top achievements
Rank 2
 answered on 23 Aug 2013
4 answers
739 views
Hi all

I have just installed the latest versions of the kendo scripts and run into something strange.

I have created a grid of five columns which I fill dynamically.
Four of the five columns are filled with text.
All of these four colums have a header.
The fifth column contains an icon with a hyperlink.
This column does not need a header text.

In the previous version of Kendo this worked fine: the fifth column was nicely filled with the icon.
However in the newest version the empty columnheader disables the icons on the screen.
They are visible in "View Source" but not on the screen.

If I fill the header with a text (containing digits or alphabetical characters) the icons show up.
If I fill the header with a few dots, or with a colon, they disappear again.

Did anyone had the same experience, and how can i solve this?
I do not want any text in the header.

KR

Henk Jelt
Zachary
Top achievements
Rank 1
 answered on 23 Aug 2013
1 answer
814 views
What is the deal with this error message when I try to use the "attr" binding in an MVVM situation on a KendoDropDownList?

Uncaught Error: The attr binding is not supported by the DropDownList widget

is this serious? What is the point of even having these bindings, I have found that almost nothing in the entire suite supports most of them, and there isn't even a "css" binding? 

The "style" binding also seems unsupported - in fact, none of the widgets support any of the bindings. What is the issue here?
Petur Subev
Telerik team
 answered on 23 Aug 2013
1 answer
213 views
 just need a little help here about displaying KendoUI window. My situation is I have a button that will call the window. At first click of button, the window dialog will appear but after closing the window by clicking the 'x' button I can't make it appear again by pressing the same button. I don't know where's my error.Here's my code:

<script type="text/javascript">

$(document).ready(function() {
$(".test").click(function (){
$("#window").kendoWindow({
actions: ["Refresh","Maximize","Minimize","Close"],
draggable: true,
height: "300px",
modal: true,
resizable: false,
title: "Purchase Order Supplier Detail",
width: "500px"
});
});
});
</script>

<div id="window" style="visibility: hidden;"></div>
<input type="button" class="test" value="test" />
Kiril Nikolov
Telerik team
 answered on 23 Aug 2013
1 answer
172 views
We have a DropDownList that pulls in options via Ajax. We have this working great in our Web project, but when we copied it over to use in a Mobile project, we found that when tapping on the DropDownList, it would take a good 2 seconds or so to actually open the list. Granted, the list has about 150 options in it, but this 2 second pause would be confusing to users, since they wouldn't know if the pause was because their tap didn't register or what.

Have you all run into this, where a DropDownList on Mobile with lots of options took 2+ seconds to appear once tapped? Is there a way to make it faster, or are we going to have to use a simple select menu instead?

(don't know if this is relevant information, but the DropDownList is in a form in a ModalView that appears over a View)
Kiril Nikolov
Telerik team
 answered on 23 Aug 2013
7 answers
200 views
Here is my function to open the window, but I am get the following error;

Cannot read property 'field' of undefined

How do I use the data items on the loaded page?

function showEdit(e) {
e.preventDefault();
var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
editWindow.refresh({url:"/Managers/ratesheet_edit.aspx",data: dataItem});
$("#editRateSheet").closest(".k-window").css({
top: 10,
left: 10
});
editWindow.open();
}
Alexander Valchev
Telerik team
 answered on 23 Aug 2013
2 answers
362 views
How do you link between two views in a MVC mobile application while maintaining a layout? The code for my _Layout.mobile file is below:
<body>
    @if (IsSectionDefined("head"))
    {
        @RenderSection("head", false);
    }
 
    @RenderBody()
 
    @(Html.Kendo().MobileLayout()
        .Name("mainLayout")
        .Footer(@<text>
            @(Html.Kendo().MobileTabStrip()
                .Name("tabStrip")
                .SelectedIndex(7)
                .Items(items =>
                    {
                        items.Add()
                            .Text("Home")
                            .Icon("home")
                            .Url("Index", "Club", new { club = Model.CurrentContext.Club.FriendlyName })
                            .Target("_top");
                        items.Add()
                            .Text("Browse")
                            .Icon("search")
                            .Url("Browse", "Club", new { club = Model.CurrentContext.Club.FriendlyName })
                            .Target("_top");
                        items.Add()
                            .Text("More")
                            .Icon("more")
                            .Rel(MobileButtonRel.Drawer)
                            .Url("#moreDrawer")
                            .Target("_top");
                    })
            )
        </text>)
    )
 
    @(Html.Kendo().MobileApplication()
        .ServerNavigation(false)
        .PushState(true)
        .HideAddressBar(true)
        .Layout("mainLayout")
        .Transition("slide")
    )
 
    @(Html.Kendo().MobileDrawer()
        .Name("moreDrawer")
        .Views()
        .HtmlAttributes(new { style = "width:200px" })
        .Content(obj =>
            Html.Kendo().MobileListView().Type("group")
                .Items(root => {
                    root.Add().Text("Links").Items(items =>
                    {
                        items.Add().Icon("home").Content(@<text>
                            @Html.ActionLink("Home", "Index", "Club", new { club = Model.CurrentContext.Club.FriendlyName }, new { })
                        </text>);
                        items.Add().Icon("search").Content(@<text>
                            @(Html.Kendo().MobileButton()
                                .Text("Browse")
                                .Url("Browse", "Club", new { club = Model.CurrentContext.Club.FriendlyName })
                            )
                        </text>);
                        if (Model.CurrentContext.Club.BuddyListEnabled)
                        {
                            items.Add().Icon("share").Content(@<text>
                                @(Html.Kendo().MobileButton()
                                    .Text(Model.CurrentContext.Club.BuddyListPluralName)
                                    .Url("Buddies", "ClubProfile", new { club = Model.CurrentContext.Club.FriendlyName })
                                )
                            </text>);
                        }       
                    });
 
                    root.Add().Items(items =>
                    {
                        items.Add().Icon("contacts").Content(@<text>
                            @(Html.Kendo().MobileButton()
                                .Text("Sign Up")
                                .Url("SignUp", "Club", new { club = Model.CurrentContext.Club.FriendlyName })
                            )
                        </text>);
                        items.Add().Icon("@Url.Content('~/Content/Images/Lock32White.png')").Content(@<text>
                            @(Html.Kendo().MobileButton()
                                .Text("Log In")
                                .Url("LogIn", "Club", new { club = Model.CurrentContext.Club.FriendlyName })
                            )
                        </text>);
                    });
                })
            )
        )
</body>

I can move around my application just fine by using mobile buttons with the following code:
@(Html.Kendo().MobileButton()
                .Text("Sign Up")
                .Url("SignUp", "Club", new { club = Model.CurrentContext.Club.FriendlyName })
            )
However, I would like to do the same thing using a href. Is this possible or do I need to change the css of the button to accomplish what I would like?
Kelly
Top achievements
Rank 1
 answered on 23 Aug 2013
3 answers
111 views
I have just spent a few hours debugging some kendodatasources, but have now narrowed it down to a bug in kendo mvvm bindings (I think).

For example in the html below I have data-bind="source:viewModel.orderSource", where orderSource is a kendodatasource object in the viewModel.

Notice in the commented out html I just reference client name on the main entity with #: ClientName#.

Well I then added a Client entity to the data model and made that a reference on the main Order entity.

But, everytime I ran the code I was getting "Uncaught ReferenceError: ClientName is not defined".

After trying lots of things (thinking it was my odata source or kendodatasource definition) that was causing the problem I change ClientName in the commented out section to Client.ClientName in an act of desperation!

Voila!  The error was fixed.

So the issue must be that the MVVM bindings somehow don't recognise that the "#: " is within a comment and tries to bind it.

Is that a bug or is that somehow strangely by design?

What made it all the more difficult is that the error occurred at the datasource.read(), and didn't mention anything about the binding level being the issue.

***Just realised I should have probably posted this on the Kendo forums, but may as well leave here in case anyone hits the same issue.****

<div>
<ul data-role="listview" data-auto-bind="false" data-style="inset" data-bind="source:viewModel.orderSource,events:{click:selectorder}" data-template="ordersTemplate">

            </ul> 
        </div>

        <script id="ordersTemplate" type="text/x-kendo-template">
            <a href="\#side-order?orderID=#: EnquiryId #" >
               <!-- <span data-bind="style: {
        backgroundColor: Status.StatusColor}" class="statusBadge">#: Status.StatusName# </span><span style="font-size:11px">#: ClientName# #: MainAddress1# #: MainPostcode#</span>-->
             <span ></span><span data-bind="attr: { class: Status.StatusCssClass}" style="font-size:11px">#: Client.ClientName# #: Client.ClientAddress# #: Client.ClientPostcode# (#:Status.StatusName#)</span>
                
            </a> 
        </script>
Petur Subev
Telerik team
 answered on 23 Aug 2013
1 answer
58 views
When i use the flat theme the drawer shows just fine but when i close it, it overlays on top of the main view.
can someone tell me why and how to fix it.

thanks!!
Alexander Valchev
Telerik team
 answered on 23 Aug 2013
2 answers
127 views
Just so you guys know, on the demo site at http://demos.kendoui.com/mobile/modalview/index.html , there is a misspelling in the ASP.NET MVC index.cshtml example, where the template helper is named "ModalViewContentTempalte".
Kiril Nikolov
Telerik team
 answered on 23 Aug 2013
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
Application
Drag and Drop
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
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?