Questions on UI for ASP.NET AJAX Forum

5 answers

859 views

Why does my RadGrid trigger page postback upon filtering from client-side?

Why does my RadGrid trigger page postback upon filtering from client-side?
I populate the data from code-behind and I use JS to trigger the filter by calling a function.
The problem is present even if I use filtering through the RadGrid's filtering controls to test.

Here is my code:

HTML:

<telerik:RadGrid ID="AssetGrid" runat="server" CssClass="asset-grid"

                        Width="100%" Height="100%"

                        OnNeedDataSource="AssetGrid_NeedDataSource">

                        <PagerStyle Position="Bottom" PageSizeControlType="RadComboBox" Mode="NextPrevAndNumeric" />

                        <FilterMenu EnableImageSprites="False" />

                        <ClientSettings AllowColumnHide="True" EnableAlternatingItems="false"

                            EnableRowHoverStyle="true">

                            <Scrolling AllowScroll="true" UseStaticHeaders="true" />

                            <Selecting AllowRowSelect="true" />

                        </ClientSettings>

                        <MasterTableView AllowPaging="true" PageSize="20" AllowFilteringByColumn="true" AutoGenerateColumns="false" DataKeyNames="id, name" TableLayout="Fixed" ClientDataKeyNames="id, name">

                            <Columns>

                                <telerik:GridBoundColumn DataField="id" DataType="System.Int32" SortExpression="id" UniqueName="id" Visible="false" />

                                <telerik:GridBoundColumn DataField="name" DataType="System.Int32" SortExpression="title" UniqueName="title" AutoPostBackOnFilter="false" Visible="false" />

                                <telerik:GridBoundColumn DataField="categoriesid" DataType="System.String" SortExpression="categoriesid" UniqueName="categoriesid" Visible="false" />

                                <telerik:GridBoundColumn DataField="primarycategoryid" DataType="System.String" SortExpression="primarycategoryid" UniqueName="primarycategoryid" AutoPostBackOnFilter="false" Visible="true" Display="false" />

                                <telerik:GridTemplateColumn UniqueName="description">

                                    <ItemStyle

                                        VerticalAlign="Top" HorizontalAlign="Left"

                                        CssClass="data-item" />

                                    <ItemTemplate>

                                        <table class="font-roboto data-item-table" style="table-layout: fixed; width: 100%; pointer-events: none;">

                                            <tr>

                                                <td colspan="1" style="width: 8.33333333333%;"></td>

                                                <td colspan="1" style="width: 8.33333333333%;"></td>

                                                <td colspan="1" style="width: 8.33333333333%;"></td>

                                                <td colspan="1" style="width: 8.33333333333%;"></td>

                                                <td colspan="1" style="width: 8.33333333333%;"></td>

                                                <td colspan="1" style="width: 8.33333333333%;"></td>

                                                <td colspan="1" style="width: 8.33333333333%;"></td>

                                                <td colspan="1" style="width: 8.33333333333%;"></td>

                                                <td colspan="1" style="width: 8.33333333333%;"></td>

                                                <td colspan="1" style="width: 8.33333333333%;"></td>

                                                <td colspan="1" style="width: 8.33333333333%;"></td>

                                                <td colspan="1" style="width: 8.33333333333%;"></td>

                                            </tr>

                                            <tr>

                                                <td colspan="2" style='<%# "background-color:" + c.ParseColorIntToRGB(Eval("color").ToString()) + ";" %>'>

                                                    <%# Eval("statusabbrev").ToString().ToUpper() %>

                                                </td>

                                                <td colspan="10">

                                                    <%# Eval("name") %>

                                                </td>

                                            </tr>

                                            <tr>

                                                <td colspan="2" rowspan="4">

                                                    <%--<video preload="metadata" style="min-height: inherit; width: 100%; height: 100%; max-width: 100%; max-height: 100%;" onclick="if (!this.paused) { this.pause(); } else { this.play(); };" ondblclick="this.pause(); $(this).fadeOut(500, function() { this.load(); $(this).fadeIn(); });">

                                                        <source src='<%# Eval("filepath") %>' type="video/mp4">

                                                    </video>--%>

                                                </td>

                                                <td colspan="2">

                                                    Category

                                                </td>

                                                <td colspan="3">

                                                    <%# Eval("primarycategory") %>

                                                </td>

                                                <td colspan="2">

                                                    ID

                                                </td>

                                                <td colspan="3">

                                                    <%# Eval("itemcode") %>

                                                </td>

                                            </tr>

                                            <tr>

                                                <td colspan="2">

                                                    Genre

                                                </td>

                                                <td colspan="3">

                                                    <%# Eval("ea_genre") %>

                                                </td>

                                                <td colspan="2">

                                                    Duration

                                                </td>

                                                <td colspan="3">

                                                    <%# Eval("title_duration") %>

                                                </td>

                                            </tr>

                                            <tr>

                                                <td colspan="2">

                                                    Creator

                                                </td>

                                                <td colspan="3">

                                                    <%# Eval("creator") %>

                                                </td>

                                                <td colspan="2">

                                                    Updated By

                                                </td>

                                                <td colspan="3">

                                                    <%# Eval("title_last_updated_by") %>

                                                </td>

                                            </tr>

                                            <tr>

                                                <td colspan="2">

                                                    Created

                                                </td>

                                                <td colspan="3">

                                                    <%# String.Format("MMMM d, yyyy h:mm:ss tt", Eval("created")) %>

                                                </td>

                                                <td colspan="2">

                                                    Updated

                                                </td>

                                                <td colspan="3">

                                                    <%# String.Format("MMMM d, yyyy h:mm:ss tt", Eval("title_last_update")) %>

                                                </td>

                                            </tr>

                                        </table>

                                    </ItemTemplate>

                                </telerik:GridTemplateColumn>

                            </Columns>

                        </MasterTableView>

                    </telerik:RadGrid>

JavaScript:

function filterGrid(value, gridClientID, columnname, operator, args) {

if (operator == undefined || operator == '' || operator == null) {

operator = 'EqualTo'

}

if (columnname == undefined || columnname == '' || columnname == null) {

return;

}

function AddFilterExpression(grid, dataField, filterFunctionName, filterValue) {

var master = grid.get_masterTableView();

master.filter(dataField, filterValue, filterFunctionName);

}

var grid;

if (gridClientID == null || gridClientID == undefined || gridClientID == '') {

grid = $find('<%=AssetGrid.ClientID %>');

}

else {

grid = $find(gridClientID);

}

var noValue = false;

if (value == null || value == undefined || value == '') {

noValue = true;

}

if (noValue) {

if (args == null || args == undefined || args == '') {

return;

}

if (grid != null) {

if (noValue) {

value = args.get_node().get_value();

args.set_cancel(false);

}

AddFilterExpression(grid, columnname, operator, value);

}

else {

if (noValue) {

args.set_cancel(true);

}

Grid

answered on 15 Jul 2016

4 answers

2.2K+ views

Checkboxes are checked after page refresh

Hi,

When I selected rows and that I refresh my page with F5, the rows are not selected but the checkboxes are still checked.

On Page_Load, I tried to do :
- Radgrid.SelectedIndexes.Clear()
- Radgrid.Rebind()
- Radgrid.Datasource = null

But It doesn't work.

Grid

answered on 15 Jul 2016

9 answers

363 views

ImageGallery resize to browser window

I have a ImageGallery for showing all thumbnails in a page with Width="100%", which shows fine, but I can't figure out two things:

1. How do you get Height=100%? I want the gallery to fill the browser page.

2. On resize of the browser window, how do I get the control to resize and adjust the layout to match?

This is what I have for the control right now:

<telerik:RadImageGallery runat="server" ID="rigItems" DisplayAreaMode="Thumbnails" Width="100%" Visible="true" LoopItems="false" AllowPaging="false" ImagesFolderPath="~/"

DataImageField="ImageUrl" DataTitleField="ImageTitle" DataThumbnailField="ImageUrl" OnNeedDataSource="rigItems_NeedDataSource" >

<ImageAreaSettings Height="600px" ResizeMode="Fit" />

<ThumbnailsAreaSettings Height="800px" ShowScrollButtons="false" ThumbnailsSpacing="1px" ThumbnailHeight="200" ThumbnailWidth="200" Mode="Thumbnails" ScrollOrientation="Vertical" ShowScrollbar="true" />

</telerik:RadImageGallery>

ImageGallery

answered on 15 Jul 2016

1 answer

186 views

Dropdownlist built in skin Sunset to Yellow color

Our control are using sunset skin and we want to change to Yellow color but still going to use the sunset skin.

I have check the forum but unable to get the sunset skin css so that I can customize it.

Kindly advise how i can still use the skin and only change the color background to yellow color.

Thanks in advance
Andrew

DropDownList

answered on 15 Jul 2016

7 answers

275 views

Set Date when value changes from another column while in Batch Edit mode

Hello,

My Grid is in GridEditMode.Batch. I have two template columns.

First Template Column uses a RadNumericTextBox
Second Template Column uses a RadDatePicker.

Could you explain how to update the RadDatePicker's date when the RadNumericTextBox value changes USING the RadNumericTextBox's OnValueChanged CLIENT event please.

DatePicker

answered on 15 Jul 2016

5 answers

4.5K+ views

How to get Only Date part from of selected date in RadDatePicker

Hi,

I am using Raddatepicker and i want to select only Date part from the that textbox.
i using like this DatePicker.SelectedDate

Like: currently comming : 9/29/2011 12:00:00 AM

required : 9/29/2011 or 09/29/2011.

and i want to pass in my method '09/29/2011' but Passing going '9/29/2011 12:00:00 AM

Thanks
Manish

Calendar

answered on 15 Jul 2016

1 answer

183 views

Rad Editor - Anchor tag issue

In body of Rad editor if i pasted the code below in HTML container -

<a href="http://members.farmtoconsumer.org/donations/" target="_blank">
<figure class="center-img">
<img style="border: 0px solid currentColor; border-image: none; width: 100%; max-width: 303px !important;" alt="Donate Today!" src="https://media.mercola.com/assets/images/donate-today.jpg">
<figcaption class="op-large op-center hide-figcap">
<a href="http://members.farmtoconsumer.org/donations/" target="_blank">Click Here</a>
</figcaption>
</figure>
</a>

After this when i switch from HTML to design and then again back to HTML the code changes to below code -

<a href="http://members.farmtoconsumer.org/donations/" target="_blank">
</a><figure class="center-img"><a href="http://members.farmtoconsumer.org/donations/" target="_blank">
<img style="border: 0px solid currentColor; border-image: none; width: 100%; max-width: 303px !important;" alt="Donate Today!" src="https://media.mercola.com/assets/images/donate-today.jpg">
</a><figcaption class="op-large op-center hide-figcap"><a href="http://members.farmtoconsumer.org/donations/" target="_blank">
</a><a href="http://members.farmtoconsumer.org/donations/" target="_blank">Click Here</a>
</figcaption>
</figure>

Notice that the <a> tag was immediately closed. It seems like the editor updates the codes accordingly (some sort of auto-correcting html codes I guess). Is there any way we can avoid this or is this something that we cannot modify or any solution for this?

Editor

answered on 15 Jul 2016

1 answer

168 views

CSS option for Cleaning on Paste does not clean table styles

What is the best way to remove the style tag from tables (table, tr, td tags)?

I've been working with the OnClientPasteHtml event but I don't know how to reference the pasted content or the most effective way to accomplish this. Anyone have any ideas?

Editor

answered on 15 Jul 2016

1 answer

99 views

Exporting Scheduler to PDF in memory

Is it possible to export the Scheduler as a PDF document in memory? I dont want the PDF to open in the current window or in another window. I wish to load the PDF in memory so i can either save it to a database or manipulate the PDF to merge it with another PDF.

Thanks

Scheduler

answered on 15 Jul 2016

1 answer

109 views

CORS support

I'm using ASP.net AJAX AsyncUpload 2016 2 504, is it possible to upload files using CORS, i'm trying to upload files to Box e.g.: https://www.box.com/blog/uploading-files-with-cors/

Thanks,

AsyncUpload

answered on 15 Jul 2016