我有一个Zend'Form
和相应的条令实体类,其中该实体作为ManyToMany
与另一个实体的关系。更准确地说,用户需要能够从包含12000个名称的数据表中选择一个或多个名称,这对于普通的SELECT元素来说太多了。
在这个项目的早期迭代中,使用ZF1,我有一个MultiSelect
元素,没有任何选项,我只是从来没有渲染过。相反,我使用JQueryUI制作了一个自动完成文本字段,用于动态插入人类可读的名称和id作为隐藏元素。工作得很好。
我看过Zend'Form'Element'Collection
,但文档说你不能用比刚开始更少的元素来更新它——也就是说,如果在更新表单水合时你有2个Whatever,你必须提交至少2个WhatEver。那不行。
在其他地方,我很乐意使用DoctrineModule'Form'Element'ObjectSelect
,但它似乎不是这种情况下的正确选择。
在我尝试使用与ZF1相同的技术之前,如果有人能给我一个更好的主意,我会很高兴。
我现在所能想到的就是使用HTML5模式(regex)验证器。但我想说的是,这是一个比你目前的解决方案更不友好的用户。我还非常怀疑regex是否可以作为约束处理12000个名称。老实说,这听起来是个坏主意。
您可以通过限制使用字母字符来增强当前的解决方案:
Name: <input type="text" name="name" pattern="[A-Za-z]*" placeholder="Write a valid name">
我的答案是:没有奇异的秘密知识。使用自动补全和数据库,就像使用任何其他工具/库一样。
稍微描述一下我的用例:用户为未来的法庭程序提交翻译请求。他们必须提供被告的姓名以及其他数据(例如语言)。我们的数据库中已经有超过12000个这样的名字,我们重复使用重复出现的名字(IOW,实体代表一个人的专有名称,而不是一个人)。
现在来看一些代码摘录。在前端,视图脚本:
<?php
$this->headScript()->appendFile('/dev-requests/js/jquery-ui.min.js');
$this->headScript()->appendFile('/dev-requests/js/defts.js');
// stuff omitted...
// within the form:
// $element is a 'Zend'Form'Element'Select with attribute 'multiple' => 'multiple', zero options,
// and it's hidden via css because no one needs to see it
<div class="form-group">
<label class="control-label col-sm-3" for="<?=$element->getName()?>"><?=$element->getLabel()?></label>
<div class="col-sm-9"><?= $this->formElement($element)?><?= $this->formElementErrors($element) ?>
<?php if ($this->defendants):
// if we are an update (as opposed to create) action, our controller's updateAction
// will have set $this->defendants to a (possibly empty) array of 'defendantName' entities
foreach($this->defendants as $deft): ?>
<div id="deft-div-<?=$deft->getDeftId()?>"><span class="remove-div"><a href="#">[x]</a></span>
<?=$deft->getFullname()?>
<input value="<?=$deft->getDeftId()?>" name="request-fieldset[defendantNames][]" type="hidden">
</div>
<?php
endforeach;
endif;
?>
</div>
</div>
以及defts.js
中的一些Javascript,在我们的document.ready()回调中:
// the autocomplete textfield itself
$('#deft-select').after(
$('<input>').attr({id:'deftname-autocomplete',size:25})
);
// for deleting a name from the form
($('form').on('click','span.remove-div',function(event){
event.preventDefault();
$(this).parent().slideUp(function(){$(this).remove();});
}));
$('#deftname-autocomplete').autocomplete({
source : '/dev-requests/defendants/autocomplete',
select: function( event, ui ) {
// add a human-readable label and hidden form element
$(this).val('');
var elementName = $('#deft-select').attr('name');
var deftName = ui.item.label;
var deft_id = ui.item.value;
if ($( '#deft-div-'+ deft_id ).length) {
return false; // already exists
}
var div = $(this).closest('div');
div.append(
$('<div/>').attr({id: "deft-div-"+ deft_id})
.html([
'<span class="remove-div"><a href="#">[x]</a></span> ' + deftName,
$('<input/>').attr({type:'hidden',name:elementName}).val(deft_id)
])
);
return false;
}
});
在我们的控制器中:
public function autocompleteAction()
{
$term = $this->getRequest()->getQuery('term');
if (! $term) { return false; }
/**
* @var $em Doctrine'ORM'EntityManager
*/
$em = $this->getServiceLocator()->get('entity-manager');
/**
* @var $repo Application'Entity'DefendantNameRepository
*/
$repo = $em->getRepository('Application'Entity'DefendantName');
$data = json_encode($repo->autocomplete($term));
$response = $this->getResponse();
$response->getHeaders()->addHeaders(['Content-type'=>'application/json;charset=UTF-8']);
return $response->setContent($data);
}
在我们的自定义条令存储库中,Application''Entity''DefensentNameRepository:
/**
* return array of value/label for autocompletion via xhr
* @param string $term name
* @param int limit max number of records to return
*
* $term is expected to be proper name in the format la[stname][,f[irstname]]
*/
public function autocomplete($term, $limit = 20) {
/**
* @var $connection Doctrine'DBAL'Connection
*/
$connection = $this->getEntityManager()->getConnection();
list($lastname,$firstname) = $this->parseName($term);
if (! strstr($lastname,'-')) {
$where = 'lastname LIKE '.$connection->quote("$lastname%");
} else {
// they frequently insert gratuitous hyphens between the
// paternal and maternal surnames of Spanish-speaking people
$lastname = str_replace('-','( |-)',$lastname);
$where = 'lastname REGEXP '.$connection->quote("^$lastname");
}
if ($firstname) {
$where .= " AND firstname LIKE ".$connection->quote("$firstname%");
} else {
$where .= " AND firstname <> '' "; // some old records have no firstname, but we don't like that
}
$sql = 'SELECT CONCAT(lastname, ", ",firstname) AS label, deft_id AS value
FROM deft_names WHERE '.$where . " ORDER BY lastname, firstname LIMIT $limit ";
return $connection->fetchAll($sql);
}
还有这个小助手,在我们的存储库的其他地方:
/**
* parses first and last names out of $name. expected format is
* la[stname][,f[irstname]]
* @param string $name
* @return array ($lastname, $firstname)
*/
public function parseName($name) {
$name = preg_split('/ *, */',trim($name),2,PREG_SPLIT_NO_EMPTY);
if (2 == sizeof($name)) {
list($last, $first) = $name;
} else {
$last = $name[0];
$first = false;
}
return array($last,$first);
}
类定义Application''Entity''DefendentName很简单,为简洁起见省略了它。
还有一件事要做:在我们的自动完成文本元素右侧添加一个搜索按钮,让他们在没有自动完成匹配时点击,这样我们就可以告诉他们"对不起,没有找到匹配的记录。"尽管这与最初的问题无关,但为他们提供了一种提交我们从未听说过的名字的方式。