Add table/DataTable tr element focusable

Author: jcheron

Ajax/semantic/html/collections/table/HtmlTable.php

@@ -26,6 +26,15 @@ class HtmlTable extends HtmlSemDoubleElement {
 	private $_footer;
 	private $_afterCompileEvents;
 	private $_activeRowSelector;
+	private $_focusable=false;
+
+	/**
+	 * @return ActiveRow
+	 */
+	public function getActiveRowSelector() {
+		return $this->_activeRowSelector;
+	}
+	
 	protected $_innerScript;
 
 
@@ -522,4 +531,11 @@ public function addMergeRow($colCount,$value=null){
 		return $this->getBody()->addMergeRow($colCount,$value);
 	}
 
+	/**
+	 * @param bool $focusable
+	 */
+	public function setFocusable(bool $focusable): void {
+		$this->getBody()->setFocusable($focusable);
+	}
+
 }

Ajax/semantic/html/collections/table/traits/TableTrait.php

@@ -89,7 +89,7 @@ public function onRow($event, $jsCode, $stopPropagation = false, $preventDefault
 	}
 
 	public function getOnRow($event, $url, $responseElement = "", $parameters = array()) {
-		$jsCondition = '!$(this).closest("tr").hasClass("active")';
+		$jsCondition = '!$(this).closest("tr").is(":focus")';
 		if (isset($parameters['jsCondition'])) {
 			$jsCondition = '(' . $parameters['jsCondition'] . ' && ' . $jsCondition . ')';
 		}

Ajax/semantic/html/content/table/HtmlTableContent.php

@@ -14,6 +14,7 @@
  *
  */
 class HtmlTableContent extends HtmlSemCollection {
+	protected $_focusable=false;
 
 	protected $_tdTagNames = [
 		"thead" => "th",
@@ -69,6 +70,9 @@ protected function createItem($value) {
 		$count = $this->count();
 		$tr = new HtmlTR("");
 		$tr->setContainer($this, $count);
+		if($this->_focusable) {
+			$tr->setProperty('tabindex', $count);
+		}
 		$tr->setTdTagName($this->_tdTagNames[$this->tagName]);
 		if (isset($value) === true) {
 			$tr->setColCount($value);
@@ -481,4 +485,11 @@ public function _setMerged($value) {
 		$this->_merged = $value;
 		return $this;
 	}
+
+	/**
+	 * @param bool $focusable
+	 */
+	public function setFocusable(bool $focusable): void {
+		$this->_focusable = $focusable;
+	}
 }

Ajax/semantic/widgets/datatable/DataTable.php

@@ -19,7 +19,7 @@
 /**
  * DataTable widget for displaying list of objects
  *
- * @version 1.1.0
+ * @version 1.1.1
  * @author jc
  * @since 2.2
  *
@@ -734,4 +734,8 @@ public function setInverted($recursive = true) {
 			$this->_emptyMessage->setInverted($recursive);
 		}
 	}
+
+	public function setFocusable(bool $focusable) {
+		$this->content["table"]->setFocusable($focusable);
+	}
 }