精华内容
下载资源
问答
  • easyui实现下拉框从数据库读取数据动态填入 开发项目的时候遇见一个问题,就是使用easyui的时候,需要采用下拉框,而这个框里面的数据呢,需要是动态的,是从数据库读取数据动态填入的。 记录一下,以后会用到。 1....

    easyui实现下拉框从数据库读取数据动态填入

    开发项目的时候遇见一个问题,就是使用easyui的时候,需要采用下拉框,而这个框里面的数据呢,需要是动态的,是从数据库读取数据动态填入的。

    记录一下,以后会用到。

    1.jsp页面:

    easyui创建下拉框。不会的请参考easyui官网。
    就是在JSP页面中,添加一个input标签,给标签加上如下属性

     <td>所属类别:</td>
     <td>
         <input type="text" id="className" class="easyui-combobox" name="className" 
     data-options="valueField:'classid',textField:'className',url:'Car/loadCategory',prompt: '请选择汽车类别',required:true,editable:false" />
                        </td>
    

    其中input的各个参数解释:

    • type:text id : 自定义 name: 自定义 class: 一定要写easyui-combobox (重要)
    • data-options=” eaitable(是否可以编辑?)
    • valueField: 数据的键key(重要 )
    • textField:数据的值value(重要)
    • url:(请求后台的地址)(重要)
    • prompt:(提示信息)”
    • required:(校验)

    如图:
    在这里插入图片描述

    2.Controller层:

    后台呢就是jsp上的input的url的地方了。

    	//回显汽车car分类
    	    @RequestMapping("/loadCategory")
    	    @ResponseBody
    	    public List<Map<String, Object>> loadCategory(HttpServletResponse response){
    	    	response.setContentType("text/html;charset=utf-8");
    	    	response.setCharacterEncoding("utf-8"); //响应编码
    	    	System.out.println("jsp页面加载即触发");
    	    	
    	    	List<Category> namelist = categoryService.findClassNames();
    	    	System.out.println("查询到的类别:"+namelist);
    	    	
    	    	//list存放map,map存放kv值(json),namelist取需要的字段
    	    	List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();
    	    	for (Category category : namelist) {
    	    		Map<String, Object> map = new HashMap<String, Object>();
    	    		//只取classid、ClassName即可。
    	    		String className = category.getClassName().toString();
    	    		String classid = category.getClassid().toString();
    	    		//map存放键值对
    	    		map.put("classid",classid);
    		    	map.put("className",className);
    		    	//list存放map
    		    	list.add(map);
    		    	System.out.println("json格式:"+list); //打印出来就成为了json格式
    			}
    	    	return list;
    	    }
    	
    

    是这样的,一般来说,后台都是直接去查询类别这张表,然后返回一个list集合数据。但是我们做下拉框只需要类别id和类别名称即可,根本不需要其他多余的数据项,所以,上面是表示:
    namelist 去查询类别的表,获得了一堆数据。
    在这里插入图片描述

    然后需要取出所需要的classid ,className 两个字段对应的数据。
    然后我们声明一个map,map是用来存放键值对,需要的传回的kv。也就是把需要的字段封装到map里面。
    然后声明一个list,是方便带回前端或者是转json格式用的,List存放map。

    其次,如果前台是用的easyui,最后可以添加 @ResponseBody 注解可以直接自动转为json格式传回前台。


    这样就实现了我们需要的easyui下拉框从数据库读取数据动态填入。

    3.效果图:

    在这里插入图片描述

    注意,上面的控制层写法中:

    for循环往list中放入map的时候,一直是同一个map,这样就会导致后面的数据覆盖前面的数据,所以我们要把new HashMap的操作放在for循环里面,这样就可以实现多组map的kv值放入list。

    List<Map<String,Object>> list1 = new ArrayList<Map<String, Object>>();

    表示的是,创建一个List的对象list1。List可以理解为链表,list1链表中的元素是Map类型的元素,而Map是由String到Object的映射,也就是map可以存放键值对。所以是拿来List存放map,然后返回list给前台jsp页面。

    展开全文
  • ---请选择--- ${buildTemp.sBuildingName} ${buildTemp.sBuildingName} 从数据库读取动态下拉框,默认选中显示的数据.
                    <select name="VillageCarEventWarnFormMap.sBuildingCode" id="sBuildingCode" style="height: 30px;" class="layui-input" lay-filter="consist">
                        <option value="0">---请选择---</option>
                        <c:forEach items="${bulidingList}" var="buildTemp">
                            <c:if test="${sBuildingCode==buildTemp.sBuildingCode}">
                                <option value="${buildTemp.sBuildingCode}" selected="selected">${buildTemp.sBuildingName}</option>
                            </c:if>
                            <c:if test="${sBuildingCode!=buildTemp.sBuildingCode}">
                                <option value="${buildTemp.sBuildingCode}" >${buildTemp.sBuildingName}</option>
                            </c:if>
                        </c:forEach>
                    </select>

    从数据库读取动态下拉框,默认选中显示的数据.

    展开全文
  • 目前做成用户控件可以直接调用,值需要在后台界面配置数据源就行了,完全仿Google,左列显示搜索关键字,右列显示查找的结果数。
  • jsp+java下拉框读取数据库数据

    万次阅读 2015-12-31 17:01:46
    想要实现界面的一个小功能,下拉框读取数据库信息,显示在街面上,点击所选中的值,存储到数据库中。 下面看下界面效果: 首先介绍下界面jsp代码的实现: *用户名称: ...

           想要实现界面的一个小功能,下拉框读取数据库信息,显示在街面上,点击所选中的值,存储到数据库中。


    下面看下界面效果:




    首先介绍下界面jsp代码的实现:

    <span style="font-family:KaiTi_GB2312;font-size:18px;">			<div class="formitem">
    				<div class="f_label">
    					<span class="red">*</span>用户名称:
    				</div>
    				<div class="f_item"></span>
    <span style="font-family:KaiTi_GB2312;font-size:18px;">                                <!--这里是将从数据库中读取到的数据,显示到界面上--></span>
    <span style="font-family:KaiTi_GB2312;font-size:18px;">					<input type="text" id="realname" name="realname" /> 
    					<input type="hidden"name="allotuuid" id="allotuuid" />  
    					<input type="hidden" id="userid" name="userid" />
    				</div>
    			</div></span>

    javascrip实现

    <span style="font-family:KaiTi_GB2312;font-size:18px;">	$(function() {	
    		createSelect('realname', {
    		valueFieldID:"userid",//获取隐藏域id
    		textField: 'realname',//界面文本框显示的值
    		selectBoxHeight: 200,
    		valueField:'userid',url:'${path}/AssetQueryUsername/queryRealname.json',checkbox:false
    		});</span>
         valuefield,相当于获取用户名所对应的id,将其传到后台,进行操作()


    Action层

    <span style="font-family:KaiTi_GB2312;font-size:18px;">/****
     * 查询用户姓名
     * 
     * @author 
     * 
     */
    @Controller
    @RequestMapping(value = "/AssetQueryUsername")
    public class AssetQueryUsernameAction extends BaseAction {
    	@Autowired
    	private AssetQueryUsernameService assetQueryUsernameService;
    
    	/***
    	 * 查询资产发放人员名称
    	 */
    	@RequestMapping(value = "/queryRealname.json", method = {
    			RequestMethod.GET, RequestMethod.POST })
    	@ResponseBody
    	public Object queryRealname(SnUser snUser, HttpServletRequest request) {
    		List data = (List) assetQueryUsernameService.queryRealname(snUser,
    				request);
    		return data;
    	}
    }</span>

    Service层

    <span style="font-family:KaiTi_GB2312;font-size:18px;">@Service
    public class AssetQueryUsernameService extends BaseService<SnUser, String> {
    
    	/***
    	 * 查询资产发放人员名称
    	 * 
    	 * @param realname
    	 * @param userid 
    	 * @param request
    	 * @return
    	 */
    	public List queryRealname(SnUser snUser,
    			HttpServletRequest request) {
    		String hql = " from SnUser where userlevel='0'";
    		// 查询用户对象
    		List<SnUser> listUser = this.listByHql(hql);
    		// 返回list集合
    		return listUser;
    	}
    }
    </span>

      这里用到了SpringMvc技术,后续文章会具体介绍,一个简单的小功能就实现了,动手试试,很简单~


    展开全文
  • 有没有完整一点的form表单提交demo,只要求有上传图片、select下拉框并且在数据库提取数据显示在前台页面的代码。急!找了半天资料到是看到了提交和创建文件夹路径,但是怎么写进数据库那段不会。
  • jsp下拉框中显示数据库信息    value=0>-- 请选择 --    dao d=new dao();// 这是那个数据库访问的类。   List list=d.getData();  for(int i=0;i();i++)  {  %> ...

    jsp下拉框中显示数据库信息

    <select> 

    <option value=0>--

    请选择

    --</option> 

    <% 

    dao d=new dao();//

    这是那个数据库访问的类。

     

    List list=d.getData(); 

    for(int i=0;i<list.size();i++) 

    %> 

    <option value=<%=i+1%>><%=list.get(i)%></option> 

    <%}%> 

    </select>


    <select> 
    <option value=0>--请选择--</option> <% 
    dao d=new dao();//这是那个数据库访问的类。 
    List list=d.getData();
     for(int i=0;i<list.size();i++) 
     { %> 
            <option value=<%=i+1%>><%=list.get(i)%></option> 
     <%}%> 
    </select>



    转载于:https://my.oschina.net/u/1462795/blog/305098

    展开全文
  • ![图片说明]... 代码如下 ... style="width: 165px;... ${pagers2.datas}" var="b" varStatus="l"> ...有什么办法可以解决呢,下拉框怎么把所有数据显示出来
  • Dic扩展模块Dic数据字典模块是v-ci的核心之一,为解决大数据量下拉字典效率及操作问题,特推出通用的数据字典模块,所有字典数据可在数据库维护,在大数据量时采用分页下拉的展示方式,同时支持拼音简拼搜索,代码项...
  • 1、首先在数据库中获取第一个下拉框的数据: listValue="tsFrom" cssStyle="width:90" list="tsfrom1" name="tsFrom" theme="simple" headerKey="" onchange="get
  • 然后就是后台读取数据了  public function create(){    $data = Category::where('cate_pid',0)->get();  return view ('category/add',compact('data'));  } 大家应该很容易理解吧!不解释! ...
  • 比如我现在数据库有分成三级的表 ...我现在想要下拉框实现第一个下拉框读取数据库中第一个表的数据,然后第二个下拉框读取第一个下拉框中数据的id作为条件搜索第二级的表中对应的数据 ,然后第三个下拉框同理,求解
  • jsp页面动态下拉框获取数据库的值

    千次阅读 2020-06-11 15:33:38
    搜到的下拉框数据库的值的代码都好麻烦,而且看不懂,算了自己写吧。几行就搞定了-_-|| 获取数据库集合list,在下拉框插入Java代码即可 <select> <% for(User u: list){ String str= u.getName();...
  • ajax无限级Select下拉框联动数据库

    热门讨论 2011-07-06 14:31:33
    ajax+ASP实现无限级Select下拉框联动,形成一个实用的多级菜单,读取Access数据库,本实例是一个6级的菜单,根据你的需要,你还可以进行扩展。它使用AJAX技术控制数据使用时才加载,提高程序效率,可以参考一下。
  • PHP的下拉选项从数据库读取返回到页面中 PHP开启头部 <?php $dbhost = 'localhost:3306'; $dbuser = 'root'; $dbpass = 'root'; $conn = mysqli_connect($dbhost, $dbuser, $dbpass); if (!$conn) { die('...
  • 怎么可以让select下拉框获取数据库中的数据 代码之前的方法是添加商品时根据代码给定的几个类别进行添加,现在需要修改成根据一个单独的type表来选取类别,这样可以随时添加类别种类,请问怎么可以实现功能啊 这是...
  • 举个例子:新增二级类目的时候,选择一级类目。 实现:oneId,插入 <el-form-item label="一级分类名称" prop="oneName">...el-select v-model="form.oneId" placeholder="请选择一级分类名称">...
  • 尤其,第二个下拉框是根据第一个下拉框变化的 求大神给实例啊~~
  • class TestForm(forms.Form): username = forms.CharField( required=True, label='账号', label_suffix=':', initial='Apollo', help_text='请输入您的登录账号', ...
  • jqueryeasyui下拉框 td>药品剂型: 普通下拉框 药品剂型:      全部    ${listypjx.name}
  • vue从数据库获取数据显示到页面下拉框里面;目前有后端的查询所有数据的端口,求源码。![图片说明](https://img-ask.csdn.net/upload/201912/11/1576032653_665124.png)
  • 实现jsp页面二级下拉框联动,实时读取数据库数据实现jsp页面二级下拉框联动,实时读取数据库数据
  • 需要自定义下拉框样式,并且三级联动,数据是要从数据库中动态读取,不是用js写死的
  • org.apache.jasper.JasperException: An exception occurred processing JSP page /addProduct.jsp at line 32 29: <% int classCount=0; 30: 31: Collection message =(Collection)request....
  • 这样是可以了,但是当我编辑的时候,我希望下拉框还是显示出来我以前选择的内容,视图部分更新为下 ; height: 23px;"> @foreach (test item in testList) { (item.Name==Model.ProductWarehouse.Name) { <text>...
  • Ajax实现下拉列表从数据库读取数据级联
  • </c:forEach> //选择下拉框的值,绑定另一个文本框的显示值: //通过选择超期物料类别 ,得到对应的保质期 function getExpirationDate(){ if(reelmount==""){ $.jBox.info(".wmsIqcInspectList.p46...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 7,358
精华内容 2,943
关键字:

下拉框从数据库读取