如何使用java在bootstrap中创建数据列
我正在使用JAVA从数据库中检索数据，然后构建HTML / bootstrap。这是通过JSON传回HTML的。我想要一列下拉框，旁边有一列输入框。我已经在这方面工作了一段时间，无法正确布局。 JAVA是：
//Get Six details
List<YthMmbrSixDtls> ymSixList = MySQLConnection.getYthMmbrSixDtls(decoded_id, "Cub");
String json = null;
String newstring = "";
Date date = null;
int i = 0;
if (!ymSixList.isEmpty()) {
for (final YthMmbrSixDtls ymSix : ymSixList) {
if (ymSix.getYmSixStartDate() == null){
newstring = "";
}else{
try {
date = new SimpleDateFormat("yyyy-MM-dd").parse(ymSix.getYmSixStartDate());
newstring = new SimpleDateFormat("dd/MM/yyyy").format(date);
} catch (java.text.ParseException e) {
e.printStackTrace();
}
}
if (i == 0){
//Youth encrypted member ID is stored in session storage - ssYMID
json = "<div class='row'>";
json = json + "<div class='form-group'>";
json = json + "<div class='col-md-4'>";
json = json + "<label for='selectSixPatrol" + i + "'>Six:</label>";
json = json + "<select class='form-control' id='selectSixPatrol" + i + "'>";
for (int k = 0; k < sixStoreArrayList.size(); k++) {
final String[] sixItem = sixStoreArrayList.get(k);
if (ymSix.getSixName().equals(sixItem[1])) {
json = json + "<option selected>" + sixItem[1] + "</option>";
}else{
json = json + "<option>" + sixItem[1] + "</option>";
}
}
json = json + "</select>";
json = json + "</div>";
json = json + "<div class='col-md-4'>";
json = json + "<input type='text' name='awardDate' id='awardDate' value='" + newstring + "' style='width: 90px;'/>";
json = json + "</div>";
i++;
}else{
json = json + "<div class='col-md-4'>";
json = json + "<select class='form-control' id='selectSixPatrol" + i + "'>";
for (int k = 0; k < sixStoreArrayList.size(); k++) {
final String[] sixItem = sixStoreArrayList.get(k);
if (ymSix.getSixName().equals(sixItem[1])) {
json = json + "<option selected>" + sixItem[1] + "</option>";
}else{
json = json + "<option>" + sixItem[1] + "</option>";
}
}
json = json + "</select>";
json = json + "</div>";
json = json + "<div class='col-md-4'>";
json = json + "<input type='text' name='awardDate' id='awardDate' value='" + newstring + "' style='width: 90px;'/>";
json = json + "</div>";
i++;
}
}
json = json + "<div class='col-md-4'>";
json = json + "<select class='form-control' id='selectSixPatrol" + i + "'>";
for (int k = 0; k < sixStoreArrayList.size(); k++) {
final String[] sixItem = sixStoreArrayList.get(k);
json = json + "<option>" + sixItem[1] + "</option>";
}
json = json + "</select>";
json = json + "</div>";
json = json + "<div class='col-md-4'>";
json = json + "<input type='text' name='awardDate' id='awardDate' style='width: 90px;'/>";
json = json + "</div>";
json = json + "</div>";
}else{
json = "<div class='row'>";
json = json + "<div class='form-group'>";
json = json + "<div class='col-md-4'>";
json = json + "<label for='selectSixPatrol'>Six:</label>";
json = json + "<select class='form-control' id='selectSixPatrol'>";
for (int k = 0; k < sixStoreArrayList.size(); k++) {
final String[] sixItem = sixStoreArrayList.get(k);
json = json + "<option>" + sixItem[1] + "</option>";
}
json = json + "</select>";
json = json + "</div>";
json = json + "<div class='col-md-4'>";
json = json + "<input type='text' name='awardDate' id='awardDate' style='width: 90px;'/>";
json = json + "</div>";
json = json + "</div>";
json = json + "</div>";
}
response.setContentType("image/jpeg");
response.setCharacterEncoding("UTF-8");
response.getWriter().write(json);
}
HTML是：
<form data-toggle="validator" role="form" id="selectForm">
<div class="container-fluid">
<div class="col-xs-12">
<div class="form-select">
<!-- Place for Six/Patrol and date -->
<div class="input-group" id="sixPatrolDetails">
</div>
</div>
</div>
</div>
</form>
输出结果为：
编辑Nitishkumar Singh：
生成的HTML将是：
<div class='row'>
<div class='form-group'>
<div class='col-md-4'>
<label for='selectSixPatrol0'>Six:</label>
<select class='form-control' id='selectSixPatrol0'>
<option selected>Black</option>
<option>Brown</option>
<option>Grey</option>
<option>Red</option>
<option>Tawney</option>
<option>White</option>
</select>";
</div>";
<div class='col-md-4'>";
<input type='text' name='awardDate' id='awardDate' value='20/04/2015' style='width: 90px;'/>
</div>";
<div class='row'>
<div class='form-group'>
<div class='col-md-4'>
<label for='selectSixPatrol1'>Six:</label>
<select class='form-control' id='selectSixPatrol1'>
<option>Black</option>
<option>Brown</option>
<option>Grey</option>
<option>Red</option>
<option>Tawney</option>
<option selected>White</option>
</select>";
</div>";
<div class='col-md-4'>";
<input type='text' name='awardDate' id='awardDate' value='22/04/2015' style='width: 90px;'/>
</div>";
<div class='row'>
<div class='form-group'>
<div class='col-md-4'>
<label for='selectSixPatrol2'>Six:</label>
<select class='form-control' id='selectSixPatrol2'>
<option>Black</option>
<option>Brown</option>
<option>Grey</option>
<option>Red</option>
<option selected>Tawney</option>
<option>White</option>
</select>";
</div>";
<div class='col-md-4'>";
<input type='text' name='awardDate' id='awardDate' value='23/04/2015' style='width: 90px;'/>
</div>";
<div class='row'>
<div class='form-group'>
<div class='col-md-4'>
<label for='selectSixPatrol3'>Six:</label>
<select class='form-control' id='selectSixPatrol3'>
<option>Black</option>
<option>Brown</option>
<option>Grey</option>
<option>Red</option>
<option>Tawney</option>
<option>White</option>
</select>";
</div>";
<div class='col-md-4'>";
<input type='text' name='awardDate' id='awardDate' style='width: 90px;'/>
</div>";
编辑ChiefTwoPencils：
现有的六个版本可以更新，它的日期可以更新。最后一行允许添加新的Six和Date。
这是最初的GWT视图：
1 个答案:
答案 0 :(得分：0)
HTML：
<form data-toggle="validator" role="form" id="selectForm">
<div class="container-fluid">
<div class="row">
<div class="col-xs-12">
<!-- Place for Six/Patrol and date -->
<div class="form-select" id="sixPatrolDetails">
</div>
</div>
</div>
</div>
</form>
JAVA：
String json = null;
String newstring = "";
Date date = null;
int i = 0;
if (!ymSixList.isEmpty()) {
for (final YthMmbrSixDtls ymSix : ymSixList) {
if (ymSix.getYmSixStartDate() == null){
newstring = "";
}else{
try {
date = new SimpleDateFormat("yyyy-MM-dd").parse(ymSix.getYmSixStartDate());
newstring = new SimpleDateFormat("dd/MM/yyyy").format(date);
} catch (java.text.ParseException e) {
e.printStackTrace();
}
}
if (i == 0){
//Youth encrypted member ID is stored in session storage - ssYMID
json = "<form class='form-inline'>";
json = json + "<select class='form-control' id='selectSixPatrol" + i + "'>";
for (int k = 0; k < sixStoreArrayList.size(); k++) {
final String[] sixItem = sixStoreArrayList.get(k);
if (ymSix.getSixName().equals(sixItem[1])) {
json = json + "<option selected>" + sixItem[1] + "</option>";
}else{
json = json + "<option>" + sixItem[1] + "</option>";
}
}
json = json + "</select>";
json = json + "<input class='form-control mr-sm-2' type='text' name='awardDate' id='awardDate' value='" + newstring + "' style='width: 180px;'>";
json = json + "</form>";
i++;
}else{
json = json + "<form class='form-inline'>";
json = json + "<select class='form-control' id='selectSixPatrol" + i + "'>";
for (int k = 0; k < sixStoreArrayList.size(); k++) {
final String[] sixItem = sixStoreArrayList.get(k);
if (ymSix.getSixName().equals(sixItem[1])) {
json = json + "<option selected>" + sixItem[1] + "</option>";
}else{
json = json + "<option>" + sixItem[1] + "</option>";
}
}
json = json + "</select>";
json = json + "<input class='form-control mr-sm-2' type='text' name='awardDate' id='awardDate' value='" + newstring + "' style='width: 180px;'>";
json = json + "</form>";
i++;
}
}
json = json + "<form class='form-inline'>";
json = json + "<select class='form-control' id='selectSixPatrol" + i + "'>";
for (int k = 0; k < sixStoreArrayList.size(); k++) {
final String[] sixItem = sixStoreArrayList.get(k);
json = json + "<option>" + sixItem[1] + "</option>";
}
json = json + "</select>";
json = json + "<input class='form-control mr-sm-2' type='text' name='awardDate' id='awardDate' style='width: 180px;'>";
json = json + "</form>";
}else{
json = "<form class='form-inline'>";
json = json + "<select class='form-control' id='selectSixPatrol'>";
for (int k = 0; k < sixStoreArrayList.size(); k++) {
final String[] sixItem = sixStoreArrayList.get(k);
json = json + "<option>" + sixItem[1] + "</option>";
}
json = json + "</select>";
json = json + "<input type='text' name='awardDate' id='awardDate' style='width: 90px;'>";
json = json + "</form>";
}
response.setContentType("image/jpeg");
response.setCharacterEncoding("UTF-8");
response.getWriter().write(json);
相关问题
最新问题
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？