DevExpress(3): ASPxImageSlider随笔

DevExpress版本14.1

 

(1)通过CallBack在Server端填充了ImageSlider的ImageSourceFolder,然后ButtonClick的时候想拿到ActiveItem,可是Items怎么为空那?

想实现ButtonClick删除ImageSlider的当前照片,但是Server端的Items是空,拿不到ImageUrl啊。

经过一天半的努力,改为在Client中拿到ImageUrl,然后Callback到Server再删除吧,以下是Button的Client事件:

function btnDeleteImage_Click(s, e) {
    var it = imageSlider.GetActiveItem(); // 当前那张照片
    if (it != undefined) {
        var imageUrl = it.imageUrl;
        pageControl.PerformCallback(imageUrl); // 通过PageControl的Callback把图片路径发回Server
    }
}

Button不要AutoPostBack,Click时候调用上面的方法即可:

<dx:ASPxButton ID="btnDeleteImage" runat="server" Text="删除选中的图片" Theme="DevEx" AutoPostBack="False">
    <ClientSideEvents Click="function(s, e) {btnDeleteImage_Click(s,e);}" />
</dx:ASPxButton>

到此就可以在服务端获取到浏览器当前展示的Image的路径啦:)

时间: 2024-10-12 20:35:57

DevExpress(3): ASPxImageSlider随笔的相关文章

DevExpress(2): ASPxUploadControl随笔

DevExpress版本14.1 (1)在设置UploadMode为Advanced的情况下,比如要EnableMultiSelect的时候,为什么上传文件时出现Not Found? 当UploadMode为Advanced的时候必须使用ASPxUploadProgressHttpHandler来处理文件上传,而这个Handler是不会自己跑到Web.Config里面的. 所以参照:https://documentation.devexpress.com/#AspNet/CustomDocume

DevExpress(4): ASPxGridView随笔

DevExpress版本14.1 (1)DateTime类型如何格式化展示? 首先要使用GridViewDataDateColumn来展示日期,然后格式化日期展示即可:) <dx:GridViewDataDateColumn Caption="入职日期" FieldName="BeginDate" VisibleIndex="6"> <PropertiesDateEdit DisplayFormatString="yy

DevExpress随笔系列

DevExpress版本14.1 作为一个小型企业的信息部,怎么可能专职配一名美工呢! 那么问题来了,如何开发出高大上的软件给领导和业务部门使用那,答案是使用别人家的界面组件. 本系列随笔是我在使用DevExpress过程中随手记录的一些心得体会,欢迎批评指正:) DexExpress(1): ASPxPopupControl随笔 DevExpress(2): ASPxUploadControl随笔 DevExpress(3): ASPxImageSlider随笔 DevExpress(4):

在DevExpress程序中使用GridView直接录入数据的时候,增加列表选择的功能

在我上篇随笔<在DevExpress程序中使用Winform分页控件直接录入数据并保存>中介绍了在GridView以及在其封装的分页控件上做数据的直接录入的处理,介绍情况下数据的保存和校验等操作,不过还没有涉及到数据列表选择的这种方式,而这种在项目应用也是比较广泛的一种输入方式.本篇随笔继续探讨在GridView上直接录入数据,并增加字典选择列表的功能. 1.GridView直接录入数据回顾 在之前整合的数据录入案例里面,我们可以看到可以在列表里面直接录入速度的便捷性,如下所示. 1)直接在G

在DevExpress程序中使用Winform分页控件直接录入数据并保存

一般情况下,我们都倾向于使用一个组织比较好的独立界面来录入或者展示相关的数据,这样处理比较规范,也方便显示比较复杂的数据.不过在一些情况下,我们也可能需要直接在GridView表格上直接录入或者修改数据,这种对于字段比较少,而且内容相对比较简单的情况下,效率是比较高的一种输入方式.本篇随笔主要介绍在DevExpress程序中使用GridView直接录入数据并保存的实现,以及使用Winform分页控件来进行数据直接录入的实现操作. 1.在GridView上展示数据 在GridView上展示数据,只

DevExpress gridview下拉框的再次研究

前几天写了一篇关于研究DevExpress gridview下拉框的随笔(DevExpress gridview下拉框repositoryItemComboBox的使用),被大神(@爱编程的大叔)评论为:成功用世界上最繁琐的方法来使用Devexpress中的Gridview控件中的下拉框,之后就一直在想那肯定是还有更加简便的办法,刚好今天有空闲时间,就去了官网研究起了gridControl的属性(https://documentation.devexpress.com/#WindowsForms

在DevExpress程序中使用PopupContainerEdit和PopupContainer实现数据展示

在一些数据的即时查询场景中,我们可能需要对输入信息进行模糊查询并进行选择,例如在一些文本输入场景,如输入某个站点编码或者设备编码,然后获取符合的列表供用户选择的场景,本篇随笔介绍在DevExpress程序中使用PopupContainerEdit和PopupContainer实现数据展示. 1.回顾SearchLookupEdit控件使用 在DevExpress中,我们如果需要好的体验效果也可以用SearchLookupEdit来实现数据的查询及展示,不过这个控件,需要提前准备好数据源,然后是基

在DevExpress程序中使用条形码二维码控件,以及进行报表打印处理

在很多业务系统里面,越来越多涉及到条形码.二维码的应用了,不管在Web界面还是WInform界面都需要处理很多物料相关的操作,甚至很多企业为了减少录入错误操作,为每个设备进行条形码.二维码的标签,直接在流程中进行扫描处理,仅仅在界面勾选一些处理选项即可,极大提高工作效率,降低出错的几率.本篇随笔介绍如何在基于WInform的DevExpress程序中对条形码.二维码的处理,包括界面展示,报表打印等常规的处理. 1.DevExpress的条形码操作及报表打印 在15.1以上的DevEpxress版

使用xml文件保存DevExpress皮肤选择

上篇随笔中写了如何使用DevExpress的皮肤控件,选择一个皮肤之后,如果不保存在本地,下次打开程序还需要重新选择,选择皮肤也就没有意义了,于是想到使用xml文件方式保存皮肤,代码如下: using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text;